boundlessfi
diff --git a/‎app/(landing)/organizations/[id]/hackathons/[hackathonId]/submissions/page.tsx‎
Lines changed: 90 additions & 0 deletions b/‎app/(landing)/organizations/[id]/hackathons/[hackathonId]/submissions/page.tsx‎
Lines changed: 90 additions & 0 deletions
@@ -0,0 +1,90 @@
+'use client';
+
+import { useParams } from 'next/navigation';
+import { useEffect } from 'react';
+import { Loader2, AlertCircle } from 'lucide-react';
+import { useHackathonSubmissions } from '@/hooks/hackathon/use-hackathon-submissions';
+import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
+import { AuthGuard } from '@/components/auth';
+import Loading from '@/components/Loading';
+import { SubmissionsManagement } from '@/components/organization/hackathons/submissions/SubmissionsManagement';
+
+export default function SubmissionsPage() {
+  const params = useParams();
+  const hackathonId = params.hackathonId as string;
+
+  const {
+    submissions,
+    pagination,
+    filters,
+    loading,
+    error,
+    fetchSubmissions,
+    updateFilters,
+    goToPage,
+    refresh,
+  } = useHackathonSubmissions(hackathonId);
+
+  useEffect(() => {
+    if (hackathonId) {
+      fetchSubmissions();
+    }
+  }, [hackathonId, fetchSubmissions]);
+
+  if (error) {
+    return (
+      <div className='flex min-h-screen items-center justify-center bg-black p-6'>
+        <Alert
+          variant='destructive'
+          className='max-w-md border-red-900/20 bg-red-950/20'
+        >
+          <AlertCircle className='h-4 w-4' />
+          <AlertTitle>Unable to load submissions</AlertTitle>
+          <AlertDescription className='text-sm text-gray-400'>
+            {error}
+          </AlertDescription>
+        </Alert>
+      </div>
+    );
+  }
+
+  return (
+    <AuthGuard redirectTo='/auth?mode=signin' fallback={<Loading />}>
+      <div className='min-h-screen bg-black'>
+        {/* Header */}
+        <div className='border-b border-gray-900 p-4'>
+          <div className='mx-auto max-w-7xl'>
+            <h1 className='text-3xl font-light tracking-tight text-white sm:text-4xl'>
+              Submissions
+            </h1>
+            <p className='mt-2 text-sm text-gray-400'>
+              View and manage all hackathon submissions
+            </p>
+          </div>
+        </div>
+
+        {/* Main Content */}
+        <div className='mx-auto max-w-7xl px-6 py-12 sm:px-8 lg:px-12'>
+          {loading && submissions.length === 0 ? (
+            <div className='flex items-center justify-center py-20'>
+              <div className='flex flex-col items-center gap-3'>
+                <Loader2 className='h-6 w-6 animate-spin text-gray-400' />
+                <p className='text-sm text-gray-500'>Loading submissions...</p>
+              </div>
+            </div>
+          ) : (
+            <SubmissionsManagement
+              submissions={submissions}
+              pagination={pagination}
+              filters={filters}
+              loading={loading}
+              onFilterChange={updateFilters}
+              onPageChange={goToPage}
+              onRefresh={refresh}
+            />
+          )}
+        </div>
+      </div>
+    </AuthGuard>
+  );
+}