From c467cad78dbdfeb50dcef801b8e37dd2022a3e07 Mon Sep 17 00:00:00 2001
From: Akshay <akshay.allen26200@gmail.com>
Date: Mon, 17 Nov 2025 16:30:54 +0530
Subject: [PATCH] feat(company-dashboard): Add hackathon support and improve
 status display

- Add Trophy icon import for hackathon representation
- Implement strict typing for approval_status with union type ('draft' | 'pending' | 'approved' | 'rejected' | 'changes_requested')
- Refactor getStatusBadge function to accept full hackathon object and display approval status when not approved
- Update status badge logic to show event status only for approved hackathons, approval status otherwise
- Add Total Hackathons stats card to dashboard with orange Trophy icon
- Expand quick actions grid from 3 to 4 columns on large screens to accommodate new Create Hackathon button
- Add Create Hackathon quick action button alongside Create Event for event managers
- Replace generic Plus icon with Calendar icon for Create Event button for better visual distinction
---
 .../company/[slug]/hackathons/page.tsx        | 27 +++++++++++++---
 components/dashboard/CompanyDashboard.tsx     | 32 ++++++++++++++-----
 2 files changed, 46 insertions(+), 13 deletions(-)

diff --git a/app/dashboard/company/[slug]/hackathons/page.tsx b/app/dashboard/company/[slug]/hackathons/page.tsx
index d4016773..6b029595 100644
--- a/app/dashboard/company/[slug]/hackathons/page.tsx
+++ b/app/dashboard/company/[slug]/hackathons/page.tsx
@@ -29,7 +29,7 @@ interface Hackathon {
   excerpt: string
   category: string
   status: string
-  approval_status: string
+  approval_status: 'draft' | 'pending' | 'approved' | 'rejected' | 'changes_requested'
   date: string
   time: string
   duration: string
@@ -167,8 +167,25 @@ export default function CompanyHackathonsPage() {
     }
   }
 
-  const getStatusBadge = (status: string) => {
-    switch (status) {
+  const getStatusBadge = (hackathon: Hackathon) => {
+    // If not approved, show approval status instead of event status
+    if (hackathon.approval_status !== 'approved') {
+      switch (hackathon.approval_status) {
+        case 'pending':
+          return <Badge className="bg-yellow-500/10 text-yellow-600 border-yellow-500/20">Pending Review</Badge>
+        case 'draft':
+          return <Badge variant="outline">Draft</Badge>
+        case 'rejected':
+          return <Badge className="bg-red-500/10 text-red-600 border-red-500/20">Rejected</Badge>
+        case 'changes_requested':
+          return <Badge className="bg-orange-500/10 text-orange-600 border-orange-500/20">Changes Requested</Badge>
+        default:
+          return <Badge variant="outline">{hackathon.approval_status}</Badge>
+      }
+    }
+    
+    // If approved, show event status
+    switch (hackathon.status) {
       case 'live':
       case 'published':
         return <Badge className="bg-blue-500/10 text-blue-600 border-blue-500/20">Live</Badge>
@@ -179,7 +196,7 @@ export default function CompanyHackathonsPage() {
       case 'completed':
         return <Badge variant="outline" className="text-gray-500">Completed</Badge>
       default:
-        return <Badge variant="outline">{status}</Badge>
+        return <Badge variant="outline">{hackathon.status}</Badge>
     }
   }
 
@@ -321,7 +338,7 @@ export default function CompanyHackathonsPage() {
                     <TableCell>
                       <Badge variant="outline">{hackathon.category || 'General'}</Badge>
                     </TableCell>
-                    <TableCell>{getStatusBadge(hackathon.status)}</TableCell>
+                    <TableCell>{getStatusBadge(hackathon)}</TableCell>
                     <TableCell>{getApprovalBadge(hackathon.approval_status)}</TableCell>
                     <TableCell>
                       <div className="flex items-center gap-1">
diff --git a/components/dashboard/CompanyDashboard.tsx b/components/dashboard/CompanyDashboard.tsx
index a7d03833..262c2a37 100644
--- a/components/dashboard/CompanyDashboard.tsx
+++ b/components/dashboard/CompanyDashboard.tsx
@@ -19,6 +19,7 @@ import {
   ArrowDownRight,
   Activity,
   FileText,
+  Trophy,
 } from 'lucide-react'
 import { Company } from '@/types/company'
 import { format, formatDistanceToNow } from 'date-fns'
@@ -229,7 +230,7 @@ export function CompanyDashboard({ company }: CompanyDashboardProps) {
   return (
     <div className="space-y-6">
       {/* Stats Cards */}
-      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
+      <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-5">
         <StatsCard
           title="Total Events"
           value={stats.totalEvents}
@@ -238,6 +239,13 @@ export function CompanyDashboard({ company }: CompanyDashboardProps) {
           description="Events hosted"
           change={stats.recentChange?.events}
         />
+        <StatsCard
+          title="Total Hackathons"
+          value={stats.totalHackathons}
+          icon={Trophy}
+          iconColor="text-orange-400"
+          description="Hackathons hosted"
+        />
         <StatsCard
           title="Total Views"
           value={stats.totalViews}
@@ -347,14 +355,22 @@ export function CompanyDashboard({ company }: CompanyDashboardProps) {
           <CardDescription>Common tasks and shortcuts</CardDescription>
         </CardHeader>
         <CardContent>
-          <div className="grid gap-4 md:grid-cols-3">
+          <div className="grid gap-4 md:grid-cols-2 lg:grid-cols-4">
             {canManageEvents && (
-              <QuickActionButton
-                href={`/dashboard/company/${company.slug}/events/create`}
-                icon={Plus}
-                title="Create Event"
-                description="Host a new event"
-              />
+              <>
+                <QuickActionButton
+                  href={`/dashboard/company/${company.slug}/events/create`}
+                  icon={Calendar}
+                  title="Create Event"
+                  description="Host a new event"
+                />
+                <QuickActionButton
+                  href={`/dashboard/company/${company.slug}/hackathons/create`}
+                  icon={Trophy}
+                  title="Create Hackathon"
+                  description="Launch a coding challenge"
+                />
+              </>
             )}
             {canManageTeam && (
               <QuickActionButton