From 66bdf061f35e2c3cb00ae50e0eac639006c4a764 Mon Sep 17 00:00:00 2001
From: llddang <bodyness@naver.com>
Date: Wed, 11 Dec 2024 17:24:25 +0900
Subject: [PATCH] =?UTF-8?q?feat:=20=ED=95=B4=EC=BB=A4=ED=86=A4=20=EA=B4=80?=
 =?UTF-8?q?=EB=A6=AC=20=ED=8E=98=EC=9D=B4=EC=A7=80=20=EA=B5=AC=ED=98=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

#232
---
 frontend/src/app/admin/hackathon/page.tsx | 46 ++++++++++++++++++++++-
 1 file changed, 44 insertions(+), 2 deletions(-)

diff --git a/frontend/src/app/admin/hackathon/page.tsx b/frontend/src/app/admin/hackathon/page.tsx
index a42d4efe..be414079 100644
--- a/frontend/src/app/admin/hackathon/page.tsx
+++ b/frontend/src/app/admin/hackathon/page.tsx
@@ -1,7 +1,49 @@
-export default function ContestListPage() {
+import PageTitle from '@/components/common/PageTitle';
+import AdminHackathonManageTable from '@/components/ui/admin/hackathon/AdminHackathonManageTable';
+import AdminHackathonSearchBox from '@/components/ui/admin/hackathon/AdminHackathonSearchBox';
+import { getAuthFromCookie } from '@/lib/utils/auth';
+import { AuthSliceState } from '@/store/auth.slice';
+import { HackathonManageDto } from '@/types/common.dto';
+import { headers } from 'next/headers';
+
+export interface HackathonListPageProps {
+  searchParams?: { [key: string]: string | undefined };
+}
+
+export default function HackathonListPage({ searchParams }: HackathonListPageProps) {
+  const headersList = headers();
+  const pathname = headersList.get('x-pathname') || '';
+
+  const auth: AuthSliceState = getAuthFromCookie();
+
+  const page = searchParams?.page ? parseInt(searchParams.page, 10) : 1;
+  const keyword = searchParams?.keyword ? searchParams.keyword : '';
+
+  // TODO: api 연결
+  const hackathonInfos: HackathonManageDto[] = [
+    {
+      id: 1,
+      title: '제 8회 2024-2 PNU SW+X 문제해결 경진대회',
+      hackathonStartDate: '2024-09-01',
+      hackathonEndDate: '2024-12-01',
+      teamCode: '1234',
+      isActive: false,
+    },
+    {
+      id: 2,
+      title: '제 7회 2024-2 PNU SW+X 문제해결 경진대회',
+      hackathonStartDate: '2024-09-01',
+      hackathonEndDate: '2024-12-01',
+      teamCode: '1234',
+      isActive: false,
+    },
+  ];
+
   return (
     <div className="w-full">
-      <div className="flex h-40 w-full items-center justify-center text-comment">개발 중인 기능입니다.</div>
+      <PageTitle title="해커톤 목록" />
+      <AdminHackathonSearchBox count={hackathonInfos.length} page={page} keyword={keyword} status={1} />
+      <AdminHackathonManageTable hackathonInfos={hackathonInfos} />
     </div>
   );
 }