adminfront 로그인 해결

adminfront/src/components/layout/AppLayout.tsx

@@ -12,6 +12,7 @@ import {
   Users,
 } from "lucide-react";
 import { useEffect, useState } from "react";
+import { useAuth } from "react-oidc-context";
 import { NavLink, Outlet, useNavigate } from "react-router-dom";
 import { t } from "../../lib/i18n";
 import LanguageSelector from "../common/LanguageSelector";
@@ -40,6 +41,7 @@ const navItems = [
   { label: "ui.admin.nav.auth_guard", to: "/auth", icon: KeyRound },
 ];
 function AppLayout() {
+  const auth = useAuth();
   const navigate = useNavigate();
   const [theme, setTheme] = useState<"light" | "dark">(() => {
     const stored = window.localStorage.getItem("admin_theme");
@@ -51,16 +53,16 @@ function AppLayout() {
       window.confirm(t("msg.admin.logout_confirm", "로그아웃 하시겠습니까?"))
     ) {
       window.localStorage.removeItem("admin_session");
+      auth.removeUser();
       navigate("/login");
     }
   };
 
   useEffect(() => {
-    const session = window.localStorage.getItem("admin_session");
-    if (!session) {
+    if (!auth.isLoading && !auth.isAuthenticated) {
       navigate("/login");
     }
-  }, [navigate]);
+  }, [auth.isLoading, auth.isAuthenticated, navigate]);
 
   useEffect(() => {
     const root = document.documentElement;
@@ -77,6 +79,14 @@ function AppLayout() {
     setTheme((prev) => (prev === "light" ? "dark" : "light"));
   };
 
+  if (auth.isLoading) {
+    return (
+      <div className="flex h-screen items-center justify-center bg-background">
+        <div className="h-8 w-8 border-4 border-primary/30 border-t-primary rounded-full animate-spin" />
+      </div>
+    );
+  }
+
   return (
     <div className="grid min-h-screen bg-background text-foreground md:grid-cols-[240px,1fr]">
       <aside className="border-b border-border bg-card md:sticky md:top-0 md:h-screen md:border-b-0 md:border-r md:bg-card md:backdrop-blur">