Nexters
diff --git a/‎app/apple-icon.png‎
7.08 KB b/‎app/apple-icon.png‎
7.08 KB
diff --git a/‎app/favicon.ico‎
-24.2 KB b/‎app/favicon.ico‎
-24.2 KB
diff --git a/‎app/gathering/[accessKey]/opinion/complete/layout.tsx‎
Lines changed: 28 additions & 0 deletions b/‎app/gathering/[accessKey]/opinion/complete/layout.tsx‎
Lines changed: 28 additions & 0 deletions
diff --git a/‎…/[gatheringId]/opinion/complete/page.tsx‎ ‎…ng/[accessKey]/opinion/complete/page.tsx‎app/gathering/[gatheringId]/opinion/complete/page.tsx renamed to app/gathering/[accessKey]/opinion/complete/page.tsx
Lines changed: 3 additions & 4 deletions b/‎…/[gatheringId]/opinion/complete/page.tsx‎ ‎…ng/[accessKey]/opinion/complete/page.tsx‎app/gathering/[gatheringId]/opinion/complete/page.tsx renamed to app/gathering/[accessKey]/opinion/complete/page.tsx
Lines changed: 3 additions & 4 deletions
diff --git a/‎app/gathering/[accessKey]/opinion/error.tsx‎
Lines changed: 7 additions & 0 deletions b/‎app/gathering/[accessKey]/opinion/error.tsx‎
Lines changed: 7 additions & 0 deletions
diff --git a/‎app/gathering/[accessKey]/opinion/layout.tsx‎
Lines changed: 30 additions & 0 deletions b/‎app/gathering/[accessKey]/opinion/layout.tsx‎
Lines changed: 30 additions & 0 deletions
diff --git a/‎…gathering/[gatheringId]/opinion/page.tsx‎ ‎…p/gathering/[accessKey]/opinion/page.tsx‎app/gathering/[gatheringId]/opinion/page.tsx renamed to app/gathering/[accessKey]/opinion/page.tsx
Lines changed: 22 additions & 24 deletions b/‎…gathering/[gatheringId]/opinion/page.tsx‎ ‎…p/gathering/[accessKey]/opinion/page.tsx‎app/gathering/[gatheringId]/opinion/page.tsx renamed to app/gathering/[accessKey]/opinion/page.tsx
Lines changed: 22 additions & 24 deletions
diff --git a/‎app/gathering/[accessKey]/opinion/pending/layout.tsx‎
Lines changed: 28 additions & 0 deletions b/‎app/gathering/[accessKey]/opinion/pending/layout.tsx‎
Lines changed: 28 additions & 0 deletions
diff --git a/‎…g/[gatheringId]/opinion/pending/page.tsx‎ ‎…ing/[accessKey]/opinion/pending/page.tsx‎app/gathering/[gatheringId]/opinion/pending/page.tsx renamed to app/gathering/[accessKey]/opinion/pending/page.tsx
Lines changed: 2 additions & 4 deletions b/‎…g/[gatheringId]/opinion/pending/page.tsx‎ ‎…ing/[accessKey]/opinion/pending/page.tsx‎app/gathering/[gatheringId]/opinion/pending/page.tsx renamed to app/gathering/[accessKey]/opinion/pending/page.tsx
Lines changed: 2 additions & 4 deletions
diff --git a/‎app/gathering/[accessKey]/opinion/result/layout.tsx‎
Lines changed: 28 additions & 0 deletions b/‎app/gathering/[accessKey]/opinion/result/layout.tsx‎
Lines changed: 28 additions & 0 deletions
@@ -0,0 +1,28 @@
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+
+export const metadata: Metadata = {
+	title: "요기잇",
+	description: "다인원을 위한 맛집 추천 서비스",
+	openGraph: {
+		title: "함께 갈 맛집, 같이 정해요!",
+		description: "[요기잇] 다인원을 위한 맛집 서비스",
+		type: "website",
+		images: [
+			{
+				url: "https://yogieat-statics.s3.ap-southeast-2.amazonaws.com/images/opengraph/opinion-complete-og-image.png",
+				width: 1200,
+				height: 630,
+				alt: "요기잇 - 의견 수합 완료",
+			},
+		],
+	},
+};
+
+interface LayoutProps {
+	children: ReactNode;
+}
+
+export default function Layout({ children }: LayoutProps) {
+	return children;
+}
@@ -10,8 +10,7 @@ import { useParams } from "next/navigation";
 import { redirect } from "next/navigation";
 
 export default function OpinionCompletePage() {
-	const params = useParams();
-	const gatheringId = params.gatheringId as string;
+	const { accessKey } = useParams<{ accessKey: string }>();
 
 	// TODO: API 연동 시 실제 데이터로 교체
 	const totalCount = 5;
@@ -20,11 +19,11 @@ export default function OpinionCompletePage() {
 	const isPending = submittedCount < totalCount;
 
 	if (isPending) {
-		redirect(`/gathering/${gatheringId}/opinion/pending`);
+		redirect(`/gathering/${accessKey}/opinion/pending`);
 	}
 
 	const handleRedirectResult = () => {
-		redirect(`/gathering/${gatheringId}/opinion/result`);
+		redirect(`/gathering/${accessKey}/opinion/result`);
 	};
 
 	return (
 
@@ -0,0 +1,7 @@
+"use client";
+
+import { redirect } from "next/navigation";
+
+export default function Error() {
+	return redirect(`/`);
+}
@@ -0,0 +1,30 @@
+import type { ReactNode } from "react";
+import type { Metadata } from "next";
+
+import { Layout } from "#/components/layout";
+
+interface OpinionLayoutProps {
+	children: ReactNode;
+}
+
+export const metadata: Metadata = {
+	title: "요기잇",
+	description: "다인원을 위한 맛집 추천 서비스",
+	openGraph: {
+		title: "함께 갈 맛집, 같이 정해요!",
+		description: "[요기잇] 다인원을 위한 맛집 서비스",
+		type: "website",
+		images: [
+			{
+				url: "https://yogieat-statics.s3.ap-southeast-2.amazonaws.com/images/opengraph/opinion-landing-og-image.png",
+				width: 1200,
+				height: 630,
+				alt: "요기잇 - 의견 수합",
+			},
+		],
+	},
+};
+
+export default function layout({ children }: OpinionLayoutProps) {
+	return <Layout.Root>{children}</Layout.Root>;
+}
@@ -1,66 +1,66 @@
 "use client";
 
 import { useParams, useRouter } from "next/navigation";
-import { useMemo } from "react";
 
 import {
 	IntroStep,
 	DistanceStepContent,
 	DistanceStepFooter,
 	DislikeStepContent,
 	DislikeStepFooter,
-	StepTransition,
 	PreferenceStepContent,
 	PreferenceStepFooter,
 } from "#/pageComponents/gathering/opinion";
+import { StepTransition } from "#/components/stepTransition";
 import { useOpinionForm, useOpinionFunnel } from "#/hooks/gathering";
 import { Button } from "#/components/button";
 import { Layout } from "#/components/layout";
-import { MOCK_MEETING_DATA } from "#/constants/gathering/opinion/meeting";
-import { MeetingContext } from "#/types/gathering";
 import { FormProvider } from "react-hook-form";
 import { BackwardButton } from "#/components/backwardButton";
 import { Toaster } from "#/components/toast";
+import { useMemo } from "react";
+import { MeetingContext } from "#/types/gathering";
+import { MOCK_MEETING_DATA } from "#/constants/gathering/opinion/meeting";
 
 export default function OpinionPage() {
-	const params = useParams();
+	const { accessKey } = useParams<{ accessKey: string }>();
 	const router = useRouter();
-	const gatheringId = params.gatheringId as string;
 
 	const form = useOpinionForm();
 	const { step, direction, next, back, isFirstStep } = useOpinionFunnel();
 
 	const meetingContext = useMemo<MeetingContext>(
 		() => ({
-			gatheringId,
+			accessKey,
 			scheduledDate: MOCK_MEETING_DATA.DATE,
 			stationName: MOCK_MEETING_DATA.STATION_NAME,
 		}),
-		[gatheringId],
+		[accessKey],
 	);
 
 	const handleBackward = () => {
 		if (isFirstStep) {
-			router.push(`/gathering/${gatheringId}`);
+			router.push(`/gathering/${accessKey}`);
 		} else {
 			back();
 		}
 	};
 
 	const handleComplete = () => {
-		router.replace(`/gathering/${gatheringId}/opinion/pending`);
+		router.replace(`/gathering/${accessKey}/opinion/pending`);
 	};
 
 	if (step === "intro") {
 		return (
-			<Layout.Root>
+			<>
 				<Layout.Header background="gray">
 					<div className="ygi:h-full ygi:w-full" />
 				</Layout.Header>
 				<Layout.Content background="gray">
+					{/* TODO : API 연동 과정에서 대체가 필요한 코드 */}
 					<IntroStep
-						step="intro"
 						meetingContext={meetingContext}
+						step="intro"
 						onNext={next}
 					/>
 				</Layout.Content>
@@ -71,7 +71,7 @@ export default function OpinionPage() {
 						</Button>
 					</div>
 				</Layout.Footer>
-			</Layout.Root>
+			</>
 		);
 	}
 
@@ -103,17 +103,15 @@ export default function OpinionPage() {
 
 	return (
 		<FormProvider {...form}>
-			<Layout.Root>
-				<Layout.Header>
-					<BackwardButton onClick={handleBackward} />
-				</Layout.Header>
-				<Layout.Content>
-					<StepTransition step={step} direction={direction}>
-						{renderContent()}
-					</StepTransition>
-				</Layout.Content>
-				{renderFooter()}
-			</Layout.Root>
+			<Layout.Header>
+				<BackwardButton onClick={handleBackward} />
+			</Layout.Header>
+			<Layout.Content>
+				<StepTransition step={step} direction={direction}>
+					{renderContent()}
+				</StepTransition>
+			</Layout.Content>
+			{renderFooter()}
 			<Toaster offset={{ bottom: 96 }} mobileOffset={{ bottom: 96 }} />
 		</FormProvider>
 	);
 
@@ -0,0 +1,28 @@
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+
+export const metadata: Metadata = {
+	title: "요기잇",
+	description: "다인원을 위한 맛집 추천 서비스",
+	openGraph: {
+		title: "함께 갈 맛집, 같이 정해요!",
+		description: "[요기잇] 다인원을 위한 맛집 서비스",
+		type: "website",
+		images: [
+			{
+				url: "https://yogieat-statics.s3.ap-southeast-2.amazonaws.com/images/opengraph/opinion-complete-og-image.png",
+				width: 1200,
+				height: 630,
+				alt: "요기잇 - 의견 수합 대기",
+			},
+		],
+	},
+};
+
+interface LayoutProps {
+	children: ReactNode;
+}
+
+export default function Layout({ children }: LayoutProps) {
+	return children;
+}
@@ -10,16 +10,14 @@ import { useParams } from "next/navigation";
 import { redirect } from "next/navigation";
 
 export default function OpinionPendingPage() {
-	const params = useParams();
-	const gatheringId = params.gatheringId as string;
+	const { accessKey } = useParams<{ accessKey: string }>();
 
-	// TODO: API 연동 시 실제 데이터로 교체
 	const totalCount = 5;
 	const submittedCount = 3;
 
 	const isComplete = submittedCount >= totalCount;
 	if (isComplete) {
-		redirect(`/gathering/${gatheringId}/opinion/complete`);
+		redirect(`/gathering/${accessKey}/opinion/complete`);
 	}
 
 	return (
 
@@ -0,0 +1,28 @@
+import type { Metadata } from "next";
+import type { ReactNode } from "react";
+
+export const metadata: Metadata = {
+	title: "요기잇",
+	description: "다인원을 위한 맛집 추천 서비스",
+	openGraph: {
+		title: "메뉴 추천이 완료 되었어요",
+		description: "[요기잇] 추천 결과를 확인해 보세요",
+		type: "website",
+		images: [
+			{
+				url: "https://yogieat-statics.s3.ap-southeast-2.amazonaws.com/images/opengraph/opinion-result-og-image.png",
+				width: 1200,
+				height: 630,
+				alt: "요기잇 - 추천 결과",
+			},
+		],
+	},
+};
+
+interface LayoutProps {
+	children: ReactNode;
+}
+
+export default function Layout({ children }: LayoutProps) {
+	return children;
+}