From 397798ffd2b50a43bb75e3da6bdd8cbbe0e5d6c1 Mon Sep 17 00:00:00 2001
From: Jeongmin Lee <clcl6084@gmail.com>
Date: Sun, 6 Oct 2024 23:21:15 +0900
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20mypage=20page,view=20?=
 =?UTF-8?q?=ED=8D=BC=EB=B8=94=EB=A6=AC=EC=8B=B1=20#50?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/mypage/page.tsx |  2 ++
 src/app/mypage/view.tsx | 25 +++++++------------------
 2 files changed, 9 insertions(+), 18 deletions(-)

diff --git a/src/app/mypage/page.tsx b/src/app/mypage/page.tsx
index 39835ba..a536ca4 100644
--- 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
index 95b568e..9312ddc 100644
--- 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>
   );
 };