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

@@ -7,6 +7,7 @@ https://www.figma.com/design/EMNGAQl1SGObXcsoa24krt/Boundless_Project-Details?no
 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
@@ -23,6 +24,7 @@ The hackathon banner is placed as a full-width hero image at the top of the page
 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

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);
+        }
       }
     },
   });

app/me/layout.tsx

@@ -23,9 +23,14 @@ interface MeLayoutProfile {
     image?: string;
     joinedHackathons?: ProfileItemWithId[];
     hackathonSubmissionsAsParticipant?: ProfileItemWithId[];
+    projects?: ProfileItemWithId[];
   };
   image?: string;
   hackathonSubmissionsAsParticipant?: ProfileItemWithId[];
+  projects?: ProfileItemWithId[];
+  stats?: {
+    projectsCreated?: number;
+  };
 }
 
 const getId = (item: ProfileItemWithId): string | undefined =>
@@ -69,6 +74,25 @@ const MeLayout = ({ children }: MeLayoutProps): React.ReactElement => {
     }).length;
   }, [typedProfile]);
 
+  const projectsCount = useMemo(() => {
+    if (!typedProfile) return 0;
+    // stats.projectsCreated is often the most direct count
+    if (typeof typedProfile.stats?.projectsCreated === 'number') {
+      return typedProfile.stats.projectsCreated;
+    }
+    // Fallback to array lengths
+    const fromUser = typedProfile.user?.projects ?? [];
+    const fromProfile = typedProfile.projects ?? [];
+    const merged = [...fromUser, ...fromProfile];
+    const seen = new Set<string>();
+    return merged.filter(p => {
+      const id = getId(p);
+      if (!id || seen.has(id)) return false;
+      seen.add(id);
+      return true;
+    }).length;
+  }, [typedProfile]);
+
   // Only show full-screen spinner on first load, not on background refetches
   if (isLoading && !hasLoadedOnce.current) {
     return (
@@ -92,6 +116,7 @@ const MeLayout = ({ children }: MeLayoutProps): React.ReactElement => {
         counts={{
           participating: hackathonsCount,
           submissions: submissionsCount,
+          projects: projectsCount,
         }}
         variant='inset'
       />