diff --git a/app/(main)/layout.tsx b/app/(main)/layout.tsx index f2c1b7c4..c2cd31d9 100644 --- a/app/(main)/layout.tsx +++ b/app/(main)/layout.tsx @@ -5,7 +5,7 @@ import { ReactNode } from "react"; // TODO: pathname 토대로 분기처리 필요 export default function Layout({ children }: { children: ReactNode }) { return ( -
+
{/* TODO: 게스트 - unauthenticated, 회원 authenticated */}
diff --git a/app/(main)/mypage/(information)/eligibility/page.tsx b/app/(main)/mypage/(information)/eligibility/page.tsx index 546d9361..f4de1f06 100644 --- a/app/(main)/mypage/(information)/eligibility/page.tsx +++ b/app/(main)/mypage/(information)/eligibility/page.tsx @@ -1,3 +1,5 @@ -export default function Page() { - return
eligibility - 지원 자격
; +import MyPageEligibilityPage from "@/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page"; + +export default function page() { + return ; } diff --git a/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx b/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx new file mode 100644 index 00000000..0eed1360 --- /dev/null +++ b/src/_pages/mypage/(information)/eligibility/mypage-eligibility-page.tsx @@ -0,0 +1,70 @@ +"use client"; + +import Button from "@/src/shared/ui/button"; +import Card from "@/src/shared/ui/card"; + +type InfoItem = { + label: string; + value: string; +}; + +const personalInfoList: InfoItem[] = [ + { label: "생년월일", value: "1999.10.21" }, + { label: "상태", value: "재직중" }, + { label: "주소", value: "경기도 00시 00구 00로 333-3" }, +]; + +const assetInfoList: InfoItem[] = [ + { label: "월 평균 소득", value: "0원" }, + { label: "총 자산 규모", value: "0원" }, +]; + +export default function MyPageEligibilityPage() { + return ( +
+ {/* 개인 정보 */} + +
+

개인 정보

+ +
+ +
    + {personalInfoList.map((item) => ( +
  • + {item.label} + {item.value} +
    • + ))} +
+ + + {/* 자산 현황 */} + +
+

자산 현황

+ +
+ +
    + {assetInfoList.map((item) => ( +
  • + {item.label} + {item.value} +
    • + ))} +
+ +
+ ); +} diff --git a/src/_pages/mypage/mypage.tsx b/src/_pages/mypage/mypage.tsx index c4026d99..0f76772c 100644 --- a/src/_pages/mypage/mypage.tsx +++ b/src/_pages/mypage/mypage.tsx @@ -1,64 +1,75 @@ import { MenuItem, MenuSection } from "@/src/shared/components/mypage-menu"; import Button from "@/src/shared/ui/button"; -import { CustomerSupportSection } from "@/src/widgets/mypage-customer-support"; -import { Heart, LogOut, User } from "lucide-react"; +import { Heart, User, Eye, FileText } from "lucide-react"; export default function MyPage() { return ( - <> +
{/* Profile Section */} -
-
-
-
-
-

+

+
+

김청년 님

- +

+ 이메일: asdf1234@kakao.com +

-
- {/* 지원 현황 */} -
- 지원 이력, 심사중, 달성 - entities 카드로 분리 +
- {/* 최근 지원 공고 */} -
최근 지원 공고(카드 - entities)
- -
- {/* 나의 정보 */} - +
+ {/* 개인 정보 */} + } label="지원 자격" /> } label="관심 공고" /> + } + label="최근 열람 공고" + /> {/* 고객 지원 */} - - - {/* 계정 설정 (로그아웃) */} - + + } + label="자주 묻는 질문 (FAQ)" + /> } - label="알림 설정" + link="/mypage/terms" + icon={} + label="서비스 이용약관" /> } - label="로그아웃" + link="/mypage/privacy" + icon={} + label="개인정보 처리방침" /> + + {/* 탈퇴하기 */} +
+ +
- +
); } diff --git a/src/shared/components/mypage-menu.tsx b/src/shared/components/mypage-menu.tsx index da025e39..774d63c3 100644 --- a/src/shared/components/mypage-menu.tsx +++ b/src/shared/components/mypage-menu.tsx @@ -11,8 +11,8 @@ export function MenuSection({ }) { return (
-

{title}

-
+

{title}

+
{children}
@@ -30,12 +30,12 @@ export function MenuItem({ }) { return ( - );