✨ feat: mypage page,view 퍼블리싱 #50

dnd-side-project · Oct 6, 2024 · 397798f · 397798f
1 parent 4841519
commit 397798f
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 18 deletions.
diff --git a/src/app/mypage/page.tsx b/src/app/mypage/page.tsx
@@ -1,10 +1,12 @@
 import NavigationBar from "@/layout/Mobile/NavigationBar";
 
+import MypageHeader from "./_components/MypageHeader";
 import MyPageView from "./view";
 
 export default function Map() {
   return (
     <div className="mb-[60px] ">
+      <MypageHeader />
       <MyPageView />
       <NavigationBar />
     </div>

diff --git a/src/app/mypage/view.tsx b/src/app/mypage/view.tsx
@@ -1,28 +1,17 @@
 "use client";
 
-import { postSignOut } from "@/apis/auth/auth";
 import { useUserStore } from "@/store/user";
 
+import MypageAvatar from "./_components/MypageAvatar";
+import MypageTab from "./_components/MypageTab";
+
 const MyPageView = () => {
-  const setUser = useUserStore((state) => state.updateUser);
-  const handleLogout = () => {
-    setUser(null);
-    postSignOut();
-  };
+  const user = useUserStore((state) => state.user);
 
   return (
-    <form className="flex flex-wrap gap-4 bg-indigo-300 text-title-bold">
-      <button type="button" onClick={handleLogout}>
-        Logout
-      </button>
-      <div className="h-[100px] w-full bg-primary-05"></div>
-      <div className="h-[100px] w-full bg-primary-05"></div>
-      <div className="h-[100px] w-full bg-primary-05"></div>
-      <div className="h-[100px] w-full bg-primary-05"></div>
-      <div className="h-[100px] w-full bg-primary-05"></div>
-      <div className="h-[100px] w-full bg-primary-05"></div>
-      <div className="h-[100px] w-full bg-primary-05"></div>
-      <div className="h-[100px] w-full bg-primary-05"></div>
+    <form className="flex flex-wrap gap-4 text-title-bold">
+      <MypageAvatar user={user} />
+      <MypageTab />
     </form>
   );
 };