From dd674154d248c559cab48d4d5552a2ee4a6f86fa Mon Sep 17 00:00:00 2001
From: ssu-it-support <ssudeveloper2024@gmail.com>
Date: Thu, 10 Oct 2024 00:25:44 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20footer=20=EC=A0=84=20=ED=8E=98=EC=9D=B4?=
 =?UTF-8?q?=EC=A7=80=20=EC=A0=81=EC=9A=A9?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/main/layout/headerLayout.tsx | 36 --------------------------
 src/pages/main/page.tsx                |  1 -
 src/pages/router.tsx                   |  4 +--
 3 files changed, 2 insertions(+), 39 deletions(-)
 delete mode 100644 src/pages/main/layout/headerLayout.tsx

diff --git a/src/pages/main/layout/headerLayout.tsx b/src/pages/main/layout/headerLayout.tsx
deleted file mode 100644
index aed11713..00000000
--- a/src/pages/main/layout/headerLayout.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import { useEffect } from 'react';
-import { Outlet, useNavigate } from 'react-router-dom';
-import { Header } from '@/containers/common/Header/Header';
-import { State } from '@/containers/common/Header/const/state';
-import { useRecoilValue, useSetRecoilState } from 'recoil';
-import { LoginState } from '@/recoil/atoms/atom';
-
-export function HeaderLayout() {
-  const loginState = useRecoilValue(LoginState);
-  const setLoginState = useSetRecoilState(LoginState);
-  const navigate = useNavigate();
-
-  useEffect(() => {
-    const token = localStorage.getItem('accessToken');
-    if (token) {
-      setLoginState(true);
-    } else {
-      setLoginState(false);
-    }
-  }, [setLoginState]);
-
-  const handleLogout = () => {
-    localStorage.clear();
-    setLoginState(false);
-    navigate('/');
-  };
-
-  return (
-    <>
-      <Header state={loginState ? State.Login : State.Logout} onLogout={handleLogout} />
-      <main>
-        <Outlet />
-      </main>
-    </>
-  );
-}
diff --git a/src/pages/main/page.tsx b/src/pages/main/page.tsx
index e22a9507..8222cc39 100644
--- a/src/pages/main/page.tsx
+++ b/src/pages/main/page.tsx
@@ -27,7 +27,6 @@ export function MainPage() {
         </div>
       </main>
       <Spacing size={202} direction="vertical" />
-      <Footer />
     </>
   );
 }
diff --git a/src/pages/router.tsx b/src/pages/router.tsx
index 2672ed86..fdda33f7 100644
--- a/src/pages/router.tsx
+++ b/src/pages/router.tsx
@@ -21,18 +21,18 @@ import { NoticeEditPage } from './notice/noticeEdit/page';
 import { NoticeDetailPage } from './notice/noticeDetail/page';
 import NoticePatchPage from './notice/noticePatch/page';
 import { AuditPatchPage } from './audit/auditPatch/page';
-import { HeaderLayout } from './main/layout/headerLayout';
 import { LostArticlePage } from './lost-article/page';
 import { LostArticleEditPage } from './lost-article/edit/page';
 import CampusPage from './campus/page';
 import { LostDetailPage } from './lost-article/detail/page';
 import { LostPatchPage } from './lost-article/patch/page';
 import PersonalDataPage from './personal-data/page';
+import { Layout } from './layout/headerLayout';
 
 export function MainRouter() {
   return (
     <Routes>
-      <Route path="/" element={<HeaderLayout />}>
+      <Route path="/" element={<Layout />}>
         <Route path="/" element={<MainPage />} />
         {/*소개*/}
         <Route path="/intro" element={<IntroPage />} />