Merge pull request #257 from DDD-Community/fix/mypage

FIX: 마이페이지 변경된 시안에 맞춰 수정

Author: Wonchang0314

public/my-page/starbucks-drink.png

@@ -0,0 +1,5 @@
+import { CreateGoalForm } from '@/composite/goal';
+
+export default function GoalCreatePageRoute() {
+  return <CreateGoalForm />;
+}

src/app/(home)/goal/@stack/(.)create/page.tsx

@@ -0,0 +1,20 @@
+'use client';
+
+import Button from '@/shared/components/input/Button';
+import { ROUTES } from '@/shared/constants/routes';
+import { useRouter } from 'next/router';
+
+export default function GoalEditErrorPage() {
+  const router = useRouter();
+  return (
+    <div className="flex flex-col items-center justify-center min-h-screen bg-[#1B1C1E] px-6">
+      <div className="flex flex-col items-center gap-6 max-w-md w-full">
+        <h2 className="headline-1-bold text-text-strong text-center">목표를 찾을 수 없습니다</h2>
+        <p className="body-1-normal text-label-neutral text-center">
+          요청하신 목표가 존재하지 않거나 유효하지 않은 접근입니다.
+        </p>
+        <Button size="lg" text="목표 목록으로 돌아가기" className="w-full" onClick={() => router.back()} />
+      </div>
+    </div>
+  );
+}

src/app/(home)/goal/@stack/(.)edit/[goalId]/error.tsx

@@ -0,0 +1,14 @@
+import GoalEditFormContent from '@/composite/goal/edit';
+import { notFound } from 'next/navigation';
+
+type GoalEditPageProps = {
+  params: Promise<{ goalId: string }>;
+};
+
+export default async function GoalEditPage({ params }: GoalEditPageProps) {
+  const resolvedParams = await params;
+  const goalId = resolvedParams.goalId;
+  if (!goalId || goalId === 'null' || goalId === undefined) notFound();
+
+  return <GoalEditFormContent goalId={goalId} />;
+}

src/app/(home)/goal/[goalId]/loading.tsx …goal/@stack/(.)edit/[goalId]/loading.tsxsrc/app/(home)/goal/[goalId]/loading.tsx renamed to src/app/(home)/goal/@stack/(.)edit/[goalId]/loading.tsx src/app/(home)/goal/[goalId]/loading.tsx renamed to src/app/(home)/goal/@stack/(.)edit/[goalId]/loading.tsx

@@ -0,0 +1,14 @@
+export default function EndedGoalsListLoader() {
+  return (
+    <div className="flex-1 overflow-y-auto">
+      <nav className="px-2 pt-8 pb-4 w-full border-b border-line-normal flex items-center justify-start">
+        <div className="w-8 h-8 bg-elevated-normal rounded" />
+      </nav>
+      <ul className="grid grid-cols-2 w-full place-items-center gap-4 pt-5 pb-16 px-5">
+        {[1, 2, 3, 4, 5, 6, 7, 8].map(i => (
+          <li key={i} className="h-40 w-40 bg-elevated-normal rounded animate-pulse" />
+        ))}
+      </ul>
+    </div>
+  );
+}

…c/app/(home)/goal/[goalId]/not-found.tsx …al/@stack/(.)edit/[goalId]/not-found.tsxsrc/app/(home)/goal/[goalId]/not-found.tsx renamed to src/app/(home)/goal/@stack/(.)edit/[goalId]/not-found.tsx src/app/(home)/goal/[goalId]/not-found.tsx renamed to src/app/(home)/goal/@stack/(.)edit/[goalId]/not-found.tsx

@@ -1,5 +1,3 @@
-'use client';
-
 import EndedGoalsContainer from '@/composite/goal/ended';
 
 export default function EndedGoalsPage() {

src/app/(home)/goal/@stack/(.)edit/[goalId]/page.tsx

@@ -0,0 +1,3 @@
+export default function GoalStackPageRoute() {
+  return null;
+}