Merge to production

app/(landing)/hackathons/[slug]/HackathonPageClient.tsx

@@ -403,6 +403,7 @@ export default function HackathonPageClient() {
   // Shared props for banner and sticky card
   const sharedActionProps = {
     deadline: currentHackathon.submissionDeadline,
+    submissionDeadlineExtendedAt: currentHackathon.submissionDeadlineExtendedAt,
     startDate: currentHackathon.startDate,
     totalPrizePool: currentHackathon.prizeTiers
       .reduce((acc, prize) => acc + Number(prize.prizeAmount || 0), 0)

app/(landing)/hackathons/[slug]/hackathon-detail-design.md

@@ -0,0 +1,32 @@
+Hackathon Detail Page Redesign
+Issue: #414
+
+Figma Design
+https://www.figma.com/design/EMNGAQl1SGObXcsoa24krt/Boundless_Project-Details?node-id=0-1&t=A1ywRcn60Xyw0X6h-1
+
+This design proposes a cleaner and more professional UI/UX for the hackathon detail page.
+
+Included in the Figma file:
+
+- Desktop layout
+- Mobile layout
+- Banner / hero placement proposal
+- Redesigned hero section
+- Sticky sidebar card
+- Tab navigation
+- All tab layouts (overview, participants, resources, announcements, submissions, discussions, find team, winners)
+- Loading state
+- Hackathon not found state
+
+Banner Placement Proposal
+The hackathon banner is placed as a full-width hero image at the top of the page, allowing it to visually represent the hackathon and improve page identity.
+
+The sidebar becomes a compact summary card with key information and actions.
+
+Design Goals
+
+- Simpler UI and improved visual hierarchy
+- Clear primary actions (Join, Submit, View Submission)
+- Consistent spacing and typography
+- Better mobile usability
+- Professional and product-quality look

app/(landing)/organizations/[id]/hackathons/[hackathonId]/participants/page.tsx

@@ -53,6 +53,7 @@ const ParticipantsPage: React.FC = () => {
   const hackathonId = params.hackathonId as string;
 
   const [view, setView] = useState<'table' | 'grid'>('table');
+  const [pageSize, setPageSize] = useState(PAGE_SIZE);
   const [filters, setFilters] = useState<FilterState>({
     search: '',
     status: 'all',
@@ -63,9 +64,9 @@ const ParticipantsPage: React.FC = () => {
     () => ({
       organizationId,
       autoFetch: false,
-      pageSize: PAGE_SIZE, // Grid looks better with multiples of 3/4
+      pageSize, // Use dynamic page size
     }),
-    [organizationId]
+    [organizationId, pageSize]
   );
 
   const {
@@ -110,7 +111,7 @@ const ParticipantsPage: React.FC = () => {
       fetchParticipants(
         actualHackathonId,
         1,
-        PAGE_SIZE,
+        pageSize,
         mapFiltersToParams(filters, debouncedSearch)
       );
     }
@@ -120,6 +121,7 @@ const ParticipantsPage: React.FC = () => {
     debouncedSearch,
     filters.status,
     filters.type,
+    pageSize,
   ]);
 
   // Statistics
@@ -161,12 +163,12 @@ const ParticipantsPage: React.FC = () => {
   }, [organizationId, actualHackathonId]);
 
   // Handlers
-  const handlePageChange = (page: number) => {
+  const handlePageChange = (page: number, limit?: number) => {
     if (actualHackathonId) {
       fetchParticipants(
         actualHackathonId,
         page,
-        PAGE_SIZE,
+        limit ?? pageSize,
         mapFiltersToParams(filters, debouncedSearch)
       );
     }
@@ -220,7 +222,7 @@ const ParticipantsPage: React.FC = () => {
       fetchParticipants(
         actualHackathonId,
         participantsPagination.currentPage,
-        PAGE_SIZE,
+        pageSize,
         mapFiltersToParams(filters, debouncedSearch)
       );
     }
@@ -241,16 +243,17 @@ const ParticipantsPage: React.FC = () => {
     },
     onPaginationChange: updater => {
       if (typeof updater === 'function') {
-        const newState = (
-          updater as (old: { pageIndex: number; pageSize: number }) => {
-            pageIndex: number;
-            pageSize: number;
-          }
-        )({
+        const newState = updater({
           pageIndex: participantsPagination.currentPage - 1,
           pageSize: participantsPagination.itemsPerPage,
         });
-        handlePageChange(newState.pageIndex + 1);
+
+        if (newState.pageSize !== participantsPagination.itemsPerPage) {
+          setPageSize(newState.pageSize);
+          handlePageChange(1, newState.pageSize);
+        } else {
+          handlePageChange(newState.pageIndex + 1);
+        }
       }
     },
   });