feat : mypage 레이아웃

Author: KongMezu

src/pages/mypage/index.tsx

@@ -5,22 +5,6 @@ import PostcardContainer from '@/pages/mypage/components/PostcardContainer';
 import { EventCard, BottomNav } from '@/shared/components';
 
 export default function MyPage() {
-  const mockName = '이수민';
-  const mockImages = [
-    '/1.jpg',
-    '/2.jpg',
-    '/3.jpg',
-    '/2.jpg',
-    '/1.jpg',
-    '/11.jpg',
-    '/2.jpg',
-    '/1.jpg',
-    '/11.jpg',
-  ];
-  const mockUser = {
-    profileImageUrl: '/11.jpg',
-  };
-
   const handleLogout = () => {
     alert('로그아웃');
   };
@@ -30,8 +14,8 @@ export default function MyPage() {
       <div className='w-full flex flex-col items-center px-[2.3rem] pb-[2rem]'>
         {/* 프로필 */}
         <section className='w-full flex flex-col items-center mt-[2.4rem] gap-[1.0rem]'>
-          <ProfilePhoto src={mockUser.profileImageUrl} />
-          <p className='text-title-md'>{mockName}</p>
+          <ProfilePhoto/>
+          <p className='text-title-md'>이름</p>
         </section>
 
         {/* 저장한 행사 */}
@@ -44,7 +28,7 @@ export default function MyPage() {
               description='내 골반이 멈추지 않아서 일까?'
               variant='gray'
               size='large'
-              imageSrc='/1.jpg'
+              imageSrc=''
             />
             <EventCard
               name='이혼 숙려 캠프'
@@ -60,10 +44,7 @@ export default function MyPage() {
         {/* 저장한 엽서 */}
         <section className='w-full mt-[1.8rem]'>
           <p className='text-label-lg mb-[0.6rem] pl-[1rem]'>저장한 엽서</p>
-          <PostcardContainer
-            postcards={mockImages}
-            onClickCard={(i) => alert(`${i + 1} 엽서 장소 페이지 이동`)}
-          />
+          <PostcardContainer postcards={[]} />
         </section>
 
         {/* 로그아웃 */}
@@ -75,7 +56,7 @@ export default function MyPage() {
           로그아웃
         </button>
       </div>
-        <BottomNav />
+      <BottomNav />
     </main>
   );
 }