Ui improvements

app/[hackathon]/InteractionClient.tsx

@@ -6,7 +6,6 @@ import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
 import { Badge } from "@/components/ui/badge"
 import { Avatar, AvatarFallback } from "@/components/ui/avatar"
-import { Progress } from "@/components/ui/progress"
 import { Input } from "@/components/ui/input"
 
 import { Label } from "@/components/ui/label"
@@ -22,23 +21,15 @@ const getImagePath = (path: string) => {
 import { HackathonData, getHackathonStatus, getDaysRemaining, Judge, Project } from "@/hooks/useHackathons"
 import { getPublicClient } from "@wagmi/core"
 import { config } from "@/utils/config"
-import { getFactoryAddress } from "@/utils/contractAddress"
-import { HACKHUB_FACTORY_ABI } from "@/utils/contractABI/HackHubFactory"
 import { HACKHUB_ABI } from "@/utils/contractABI/HackHub"
 import { formatEther } from "viem"
 import { 
   Trophy, 
   Users, 
-  Clock, 
-  Award, 
   Target, 
   Calendar,
-  ExternalLink,
   Vote,
   Gavel,
-  Code,
-  FileText,
-  Coins,
   Loader2,
   AlertCircle,
   RefreshCw,

app/[hackathon]/judge/JudgeVotingClient.tsx

@@ -4,46 +4,26 @@ import { useState, useEffect } from "react"
 import { useSearchParams, useRouter } from "next/navigation"
 import { Button } from "@/components/ui/button"
 import { Card, CardContent, CardHeader, CardTitle } from "@/components/ui/card"
-import { Badge } from "@/components/ui/badge"
-import { Avatar, AvatarFallback } from "@/components/ui/avatar"
 import { Input } from "@/components/ui/input"
 import { Label } from "@/components/ui/label"
 import { Alert, AlertDescription } from "@/components/ui/alert"
-import { Tabs, TabsContent, TabsList, TabsTrigger } from "@/components/ui/tabs"
-import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle, DialogTrigger } from "@/components/ui/dialog"
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@/components/ui/dialog"
 import { HackathonData, getHackathonStatus, getDaysRemaining, Judge, Project } from "@/hooks/useHackathons"
 import { getPublicClient } from "@wagmi/core"
 import { config } from "@/utils/config"
-import { getFactoryAddress } from "@/utils/contractAddress"
-import { HACKHUB_FACTORY_ABI } from "@/utils/contractABI/HackHubFactory"
 import { HACKHUB_ABI } from "@/utils/contractABI/HackHub"
 import { formatEther } from "viem"
 import { 
-  Trophy, 
-  Users, 
-  Clock, 
-  Award, 
   Target, 
-  Calendar,
   ExternalLink,
-  Share2,
   Vote,
-  Gavel,
   Code,
+  ArrowLeft,
+  RefreshCw,
+  Gavel,
   FileText,
-  Coins,
-  CheckCircle,
-  XCircle,
   Loader2,
   AlertCircle,
-  RefreshCw,
-  Wifi,
-  WifiOff,
-  Plus,
-  Minus,
-  Eye,
-  History,
-  ArrowLeft
 } from "lucide-react"
 import { useChainId, useAccount, useWriteContract } from "wagmi"
 import { toast } from "sonner"
@@ -66,8 +46,6 @@ export default function JudgeVotingClient() {
   const [error, setError] = useState<string | null>(null)
   const [voting, setVoting] = useState(false)
 
-  const [isERC20Prize, setIsERC20Prize] = useState(false)
-  const [prizeTokenSymbol, setPrizeTokenSymbol] = useState<string>("")
   const [modalOpen, setModalOpen] = useState(false)
   const [modalLink, setModalLink] = useState({ url: '', type: '' })
 
@@ -166,8 +144,6 @@ export default function JudgeVotingClient() {
         publicClient.readContract({ address: contractAddress, abi: HACKHUB_ABI, functionName: 'prizeToken' }) as Promise<string>,
       ])
 
-      // Set prize type
-      setIsERC20Prize(isERC20)
 
       // Get token symbol if it's an ERC20 prize
       let tokenSymbol = ""
@@ -183,7 +159,6 @@ export default function JudgeVotingClient() {
           tokenSymbol = "TOKEN"
         }
       }
-      setPrizeTokenSymbol(tokenSymbol)
 
       // Fetch judges
       const judges: Judge[] = []

app/createHackathon/page.tsx

@@ -6,11 +6,9 @@ import { useAccount, useWriteContract, useWaitForTransactionReceipt, useChainId,
 import { Button } from '@/components/ui/button'
 import { Input } from '@/components/ui/input'
 import { Label } from '@/components/ui/label'
-import { Textarea } from '@/components/ui/textarea'
 import { Card, CardContent, CardHeader, CardTitle } from '@/components/ui/card'
 import { Badge } from '@/components/ui/badge'
 import { Avatar, AvatarFallback } from '@/components/ui/avatar'
-import { Select, SelectContent, SelectItem, SelectTrigger, SelectValue } from '@/components/ui/select'
 import { ArrowLeft, Plus, Trash2, Calendar, Clock, Users, Trophy, Sparkles, Info, Globe, Coins, CheckCircle, Eye, DollarSign } from 'lucide-react'
 import { HACKHUB_FACTORY_ABI } from '@/utils/contractABI/HackHubFactory'
 import { IERC20MinimalABI } from '@/utils/contractABI/Interfaces'
@@ -21,7 +19,6 @@ import {
   convertUTCToTimestamp, 
   timestampToContractDate, 
   isInFuture, 
-  getCurrentUTCTimestamp,
   type TimezoneMode 
 } from '@/utils/timeUtils'
 

app/explorer/page.tsx

@@ -17,7 +17,7 @@ import { getFactoryAddress } from "@/utils/contractAddress"
 import { HACKHUB_FACTORY_ABI } from "@/utils/contractABI/HackHubFactory"
 import { HACKHUB_ABI } from "@/utils/contractABI/HackHub"
 import { formatEther } from "viem"
-import { Search, Filter, Loader2, AlertCircle, RefreshCw, Wifi, WifiOff, Calendar, DollarSign } from "lucide-react"
+import { Search, Loader2, AlertCircle, RefreshCw, Wifi, WifiOff, Calendar, DollarSign } from "lucide-react"
 import { Alert, AlertDescription } from "@/components/ui/alert"
 import { useChainId, useAccount } from "wagmi"
 import { Badge } from "@/components/ui/badge"
@@ -38,7 +38,6 @@ const ERC20_ABI = [
 
 export default function ExplorerPage() {
   const [searchTerm, setSearchTerm] = useState("")
-  const [selectedCategory, setSelectedCategory] = useState("All Categories")
   const [statusFilter, setStatusFilter] = useState("All Status")
 
   const [hackathons, setHackathons] = useState<HackathonData[]>([])
@@ -567,7 +566,6 @@ export default function ExplorerPage() {
           <Button 
             onClick={() => {
               setSearchTerm("")
-              setSelectedCategory("All Categories")
               setStatusFilter("All Status")
             }}
             className="bg-gradient-to-r from-amber-600 to-orange-500 hover:from-amber-700 hover:to-orange-600 text-white"

app/manage/ManageClient.tsx

@@ -402,7 +402,7 @@ export default function ManageHackathonPage() {
         <Card className="bg-white">
           <CardContent className="p-4">
             <div className="flex items-center gap-2">
-              <Users className="w-5 h-5 text-blue-500" />
+              <Users className="w-5 h-5 text-amber-500" />
               <div>
                 <p className="text-sm text-gray-800">Projects</p>
                 <p className="font-semibold text-black">{hackathonInfo.projectCount}</p>
@@ -414,7 +414,7 @@ export default function ManageHackathonPage() {
         <Card className="bg-white">
           <CardContent className="p-4">
             <div className="flex items-center gap-2">
-              <Coins className="w-5 h-5 text-green-600" />
+              <Coins className="w-5 h-5 text-yellow-600" />
               <div>
                 <p className="text-sm text-gray-800">Total Tokens</p>
                 <p className="font-semibold text-black">{hackathonInfo.totalTokens}</p>

app/manage/page.tsx

@@ -1,4 +1,4 @@
-import { use, Suspense } from 'react'
+import { Suspense } from 'react'
 import ManageHackathonPage from './ManageClient'
 
 interface OrganizerPageProps {
@@ -8,7 +8,6 @@ interface OrganizerPageProps {
 }
 
 export default function OrganizerPage({ params }: OrganizerPageProps) {
-  const { address } = use(params)
 
   return (
     <Suspense fallback={<div className="flex items-center justify-center py-12">Loading...</div>}>

app/myHackathons/page.tsx

@@ -16,7 +16,6 @@ import { formatEther } from "viem"
 import { Trophy, Target, Calendar, Users, Vote, Gavel, Code, Coins, CheckCircle, XCircle, Loader2, AlertCircle, RefreshCw, Wifi, WifiOff } from "lucide-react"
 import { useChainId, useAccount, useWriteContract } from "wagmi"
 import Link from "next/link"
-import { formatUTCTimestamp } from '@/utils/timeUtils'
 import { toast } from "sonner"
 
 // ERC20 ABI for token symbol