chore(fe): fix route params type (#2245)

skkuding · Nov 28, 2024 · b8b63ea · b8b63ea
1 parent b876f14
commit b8b63ea
Show file tree

Hide file tree

Showing 5 changed files with 17 additions and 19 deletions.
diff --git a/...tend/app/(client)/(code-editor)/contest/[contestId]/finished/problem/[problemId]/page.tsx b/...tend/app/(client)/(code-editor)/contest/[contestId]/finished/problem/[problemId]/page.tsx
@@ -9,15 +9,15 @@ import ContestEditorSkeleton from './_components/ContestEditorSkeleton'
 export default async function ContestFinishedPage({
   params
 }: {
-  params: { problemId: number; contestId: number }
+  params: { problemId: string; contestId: string }
 }) {
   const { problemId, contestId } = params
 
   const isProblemPubliclyAvailable =
     (await fetcher.head(`problem/${problemId}`)).status === 200
   return (
     <>
-      <ContestEditorSkeleton></ContestEditorSkeleton>
+      <ContestEditorSkeleton />
       <div className="fixed inset-0 z-50 flex items-center justify-center bg-opacity-10 text-white backdrop-blur-md">
         <div className="text-center">
           <h1 className="mb-8 font-mono text-2xl">The contest has finished!</h1>

diff --git a/.../(code-editor)/contest/[contestId]/problem/[problemId]/submission/[submissionId]/page.tsx b/.../(code-editor)/contest/[contestId]/problem/[problemId]/submission/[submissionId]/page.tsx
@@ -8,9 +8,9 @@ export default async function Page({
   params
 }: {
   params: {
-    problemId: number
-    contestId: number
-    submissionId: number
+    problemId: string
+    contestId: string
+    submissionId: string
   }
 }) {
   const { submissionId, problemId, contestId } = params
@@ -33,9 +33,9 @@ export default async function Page({
         }
       >
         <SubmissionDetail
-          problemId={problemId}
-          contestId={contestId}
-          submissionId={submissionId}
+          problemId={Number(problemId)}
+          contestId={Number(contestId)}
+          submissionId={Number(submissionId)}
         />
       </Suspense>
     </div>

diff --git a/apps/frontend/app/(client)/(code-editor)/problem/[problemId]/page.tsx b/apps/frontend/app/(client)/(code-editor)/problem/[problemId]/page.tsx
@@ -5,7 +5,7 @@ import type { ProblemDetail } from '@/types/type'
 export default async function DescriptionPage({
   params
 }: {
-  params: { problemId: number }
+  params: { problemId: string }
 }) {
   const { problemId } = params
   const problem: ProblemDetail = await fetcher(`problem/${problemId}`).json()

diff --git a/...rontend/app/(client)/(code-editor)/problem/[problemId]/submission/[submissionId]/page.tsx b/...rontend/app/(client)/(code-editor)/problem/[problemId]/submission/[submissionId]/page.tsx
@@ -8,8 +8,8 @@ export default async function Page({
   params
 }: {
   params: {
-    problemId: number
-    submissionId: number
+    problemId: string
+    submissionId: string
   }
 }) {
   const { submissionId, problemId } = params
@@ -31,7 +31,10 @@ export default async function Page({
           </div>
         }
       >
-        <SubmissionDetail problemId={problemId} submissionId={submissionId} />
+        <SubmissionDetail
+          problemId={Number(problemId)}
+          submissionId={Number(submissionId)}
+        />
       </Suspense>
     </div>
   )

diff --git a/apps/frontend/app/(client)/(main)/contest/[contestId]/layout.tsx b/apps/frontend/app/(client)/(main)/contest/[contestId]/layout.tsx
@@ -13,15 +13,10 @@ interface ContestDetailProps {
   params: {
     contestId: string
   }
+  tabs: React.ReactNode
 }
 
-export default async function Layout({
-  params,
-  tabs
-}: {
-  params: ContestDetailProps['params']
-  tabs: React.ReactNode
-}) {
+export default async function Layout({ params, tabs }: ContestDetailProps) {
   const { contestId } = params
   const session = await auth()