refactor: update hackathon data structure and UI components

- Removed deprecated fields such as endDate and registrationDeadlinePolicy from various components and pages.
- Updated prize amount references to use prizeAmount instead of amount.
- Enhanced the HackathonPageClient and DraftPreviewPage to reflect new data structure.
- Improved UI elements for better user experience, including a view mode toggle in the submissions tab.
- Adjusted status handling in the HackathonSidebar and NewHackathonSidebar components to align with updated status definitions.
- Refactored submission handling to utilize the new useOrganizerSubmissions hook for better data management.

Author: 0xdevcollins

COMMENT_SYSTEM_README.md

@@ -313,12 +313,11 @@ export default function HackathonPageClient() {
     deadline: currentHackathon.submissionDeadline,
     startDate: currentHackathon.startDate,
     totalPrizePool: currentHackathon.prizeTiers
-      .reduce((acc, prize) => acc + Number(prize.amount || 0), 0)
+      .reduce((acc, prize) => acc + Number(prize.prizeAmount || 0), 0)
       .toString(),
     isRegistered,
     hasSubmitted,
     isTeamFormationEnabled,
-    registrationDeadlinePolicy: currentHackathon.registrationDeadlinePolicy,
     registrationDeadline: currentHackathon.registrationDeadline,
     participantType: currentHackathon.participantType,
     onJoinClick: handleJoinClick,
@@ -359,10 +358,13 @@ export default function HackathonPageClient() {
                   currency: tier.currency,
                   passMark: tier.passMark,
                   description: tier.description,
-                  prizeAmount: tier.amount,
+                  prizeAmount: tier.prizeAmount,
                 }))}
                 totalPrizePool={currentHackathon.prizeTiers
-                  .reduce((acc, prize) => acc + Number(prize.amount || 0), 0)
+                  .reduce(
+                    (acc, prize) => acc + Number(prize.prizeAmount || 0),
+                    0
+                  )
                   .toString()}
                 hackathonSlugOrId={hackathonId}
                 venue={{

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

@@ -145,36 +145,14 @@ export default function DraftPreviewPage({ params }: PreviewPageProps) {
             timezone: draft.data.timeline?.timezone || 'UTC',
 
             startDate: draft.data.timeline?.startDate || '',
-            endDate:
-              draft.data.timeline?.winnersAnnouncedAt ||
-              draft.data.timeline?.winnerAnnouncementDate ||
-              draft.data.timeline?.judgingEnd ||
-              draft.data.timeline?.judgingDate ||
-              draft.data.timeline?.judgingStart ||
-              draft.data.timeline?.submissionDeadline ||
-              draft.data.timeline?.startDate ||
-              '',
             submissionDeadline: draft.data.timeline?.submissionDeadline || '',
             registrationDeadline:
-              draft.data.participation?.registrationDeadline || '',
-            judgingStart: draft.data.timeline?.judgingStart || '',
-            judgingEnd: draft.data.timeline?.judgingEnd || '',
-            winnersAnnouncedAt:
-              draft.data.timeline?.winnersAnnouncedAt ||
-              draft.data.timeline?.winnerAnnouncementDate ||
-              '',
-            customRegistrationDeadline:
-              draft.data.participation?.registrationDeadline || null,
+              draft.data.timeline?.registrationDeadline || '',
+            judgingDeadline: draft.data.timeline?.judgingDeadline || '',
 
             registrationOpen: false,
-            registrationDeadlinePolicy:
-              (draft.data.participation?.registrationDeadlinePolicy as
-                | 'BEFORE_START'
-                | 'BEFORE_SUBMISSION_DEADLINE'
-                | 'CUSTOM') || 'BEFORE_SUBMISSION_DEADLINE',
 
             daysUntilStart: 0,
-            daysUntilEnd: 0,
 
             participantType: (draft.data.participation?.participantType ===
             'individual'
@@ -527,7 +505,6 @@ export default function DraftPreviewPage({ params }: PreviewPageProps) {
         participants={0}
         imageUrl={previewHackathon.banner}
         startDate={previewHackathon.startDate}
-        endDate={previewHackathon.endDate}
       />
 
       {/* Tabs */}

app/(landing)/hackathons/preview/[orgId]/[draftId]/page.tsx

@@ -85,7 +85,7 @@ export default function OrgProfileClient({ slug }: OrgProfileClientProps) {
   return (
     <section className='mx-auto max-w-[1440px] px-5 py-10 md:px-[50px] lg:px-[100px]'>
       {/* Banner / Header */}
-      <div className='relative mb-8 overflow-hidden rounded-2xl border border-[#a7f950]/20 bg-gradient-to-br from-[#a7f950]/10 via-zinc-900/80 to-zinc-900/40'>
+      <div className='relative mb-8 overflow-hidden rounded-2xl border border-[#a7f950]/20 bg-linear-to-br from-[#a7f950]/10 via-zinc-900/80 to-zinc-900/40'>
         <div className='absolute -top-24 -right-24 h-64 w-64 rounded-full bg-[#a7f950]/5 blur-3xl' />
         <div className='absolute -bottom-16 -left-16 h-48 w-48 rounded-full bg-[#a7f950]/5 blur-3xl' />
 

app/(landing)/org/[id]/org-profile-client.tsx

@@ -158,31 +158,7 @@ export default function HackathonPage() {
                     e => e.phase === 'Winner Announcement'
                   );
 
-                  // Manually append Winner Announcement if missing and date exists
                   const fullTimeline = [...timelineEvents];
-                  if (!hasWinnerAnnouncement && currentHackathon?.endDate) {
-                    const winnerDate = new Date(currentHackathon.endDate);
-                    const now = new Date();
-                    // Simple status logic for single date event
-                    // If date is passed, completed. If today (roughly), ongoing?
-                    // Or just use 'upcoming' if future, 'completed' if past.
-                    // Ideally we'd match the phase logic, but for a single date event:
-                    let status: 'completed' | 'ongoing' | 'upcoming' =
-                      'upcoming';
-                    if (now > winnerDate) {
-                      status = 'completed';
-                    }
-                    // For "Winner Announcement", it might be "ongoing" on the day of?
-                    // keeping simple for now.
-
-                    fullTimeline.push({
-                      phase: 'Winner Announcement',
-                      description:
-                        'Final results published and prizes distributed to winners.',
-                      date: currentHackathon.endDate,
-                      status: status,
-                    });
-                  }
 
                   return fullTimeline.map((phase, index) => {
                     const isLast = index === fullTimeline.length - 1;

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

@@ -80,16 +80,16 @@ export default function SettingsPage() {
     if (!h) return undefined;
     return {
       startDate: h.startDate ? new Date(h.startDate) : undefined,
-      endDate: h.endDate ? new Date(h.endDate) : undefined,
       submissionDeadline: h.submissionDeadline
         ? new Date(h.submissionDeadline)
         : undefined,
-      judgingStart: h.judgingStart ? new Date(h.judgingStart) : undefined,
-      judgingEnd: h.judgingEnd ? new Date(h.judgingEnd) : undefined,
-      winnersAnnouncedAt: h.winnersAnnouncedAt
-        ? new Date(h.winnersAnnouncedAt)
-        : undefined,
       timezone: h.timezone || 'UTC',
+      registrationDeadline: h.registrationDeadline
+        ? new Date(h.registrationDeadline)
+        : undefined,
+      judgingDeadline: h.judgingDeadline
+        ? new Date(h.judgingDeadline)
+        : undefined,
       phases: h.phases?.map(p => ({
         ...p,
         startDate: p.startDate ? new Date(p.startDate) : undefined,
@@ -107,9 +107,6 @@ export default function SettingsPage() {
       require_github: h.requireGithub,
       require_demo_video: h.requireDemoVideo,
       require_other_links: h.requireOtherLinks,
-      registrationDeadlinePolicy:
-        h.registrationDeadlinePolicy?.toLowerCase() as any,
-      registrationDeadline: h.customRegistrationDeadline || undefined,
       detailsTab: h.enabledTabs.includes('detailsTab'),
       participantsTab: h.enabledTabs.includes('participantsTab'),
       resourcesTab: h.enabledTabs.includes('resourcesTab'),
@@ -269,7 +266,12 @@ export default function SettingsPage() {
                   await handleSave('General', data);
                 }}
                 isLoading={isSaving}
-                isPublished={hackathon?.status === 'PUBLISHED'}
+                isPublished={[
+                  'UPCOMING',
+                  'ACTIVE',
+                  'JUDGING',
+                  'COMPLETED',
+                ].includes(hackathon?.status ?? '')}
               />
             </TabsContent>
 

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

@@ -3,7 +3,7 @@
 import { useParams } from 'next/navigation';
 import { useEffect, useState } from 'react';
 import { Loader2, AlertCircle } from 'lucide-react';
-import { useHackathonSubmissions } from '@/hooks/hackathon/use-hackathon-submissions';
+import { useOrganizerSubmissions } from '@/hooks/hackathon/use-organizer-submissions';
 import { Alert, AlertDescription, AlertTitle } from '@/components/ui/alert';
 import { AuthGuard } from '@/components/auth';
 import Loading from '@/components/Loading';
@@ -26,7 +26,7 @@ export default function SubmissionsPage() {
     updateFilters,
     goToPage,
     refresh,
-  } = useHackathonSubmissions(hackathonId);
+  } = useOrganizerSubmissions(hackathonId);
 
   const [currentUserId, setCurrentUserId] = useState<string | null>(null);
   const [hackathon, setHackathon] = useState<Hackathon | null>(null);