@burdenoff/microfe-technospam 2026.512.1 → 2026.704.1

package/dist/technospam/pages/HackathonsHackathonDetailsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HackathonsHackathonDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx"],"sourcesContent":["import { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { ArrowLeft, Calendar, Users, Trophy, MapPin, Code, Clock } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\nconst TODAY = Date.now();\n\nexport function HackathonsHackathonDetailsPagePage() {\n  const { hackathons } = useTechnoSpamStore();\n  const hackathon = hackathons[0];\n\n  if (!hackathon) {\n    return <div className=\"p-6 text-center text-muted-foreground\">Hackathon not found</div>;\n  }\n\n  const statusColor = (status: string) => {\n    switch (status) {\n      case 'registration_open':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'ongoing':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      case 'upcoming':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      default:\n        return 'bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400';\n    }\n  };\n\n  const daysUntilStart = Math.max(\n    0,\n    Math.ceil((new Date(hackathon.startDate).getTime() - TODAY) / (1000 * 60 * 60 * 24))\n  );\n  const spotsLeft = hackathon.maxParticipants - hackathon.currentParticipants;\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <Button variant=\"ghost\" size=\"sm\" className=\"text-muted-foreground\">\n        <ArrowLeft className=\"mr-2 h-4 w-4\" />\n        Back to Hackathons\n      </Button>\n\n      {/* Hero */}\n      <div className=\"space-y-3\">\n        <div className=\"flex items-center gap-3\">\n          <h1 className=\"text-3xl font-bold text-foreground\">{hackathon.title}</h1>\n          <span\n            className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${statusColor(hackathon.status)}`}\n          >\n            {hackathon.status.replace('_', ' ')}\n          </span>\n        </div>\n        <p className=\"text-lg text-muted-foreground\">{hackathon.description}</p>\n      </div>\n\n      <div className=\"grid gap-6 lg:grid-cols-3\">\n        {/* Main Content */}\n        <div className=\"space-y-6 lg:col-span-2\">\n          {/* Key Info */}\n          <div className=\"grid gap-4 sm:grid-cols-2 lg:grid-cols-4\">\n            <Card>\n              <CardContent className=\"flex flex-col items-center pt-6 text-center\">\n                <Calendar className=\"h-6 w-6 text-primary\" />\n                <p className=\"mt-2 text-xs text-muted-foreground\">Starts In</p>\n                <p className=\"text-lg font-bold\">{daysUntilStart} days</p>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardContent className=\"flex flex-col items-center pt-6 text-center\">\n                <Trophy className=\"h-6 w-6 text-yellow-500\" />\n                <p className=\"mt-2 text-xs text-muted-foreground\">Prize Pool</p>\n                <p className=\"text-lg font-bold\">${hackathon.prizePool.toLocaleString()}</p>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardContent className=\"flex flex-col items-center pt-6 text-center\">\n                <Users className=\"h-6 w-6 text-primary\" />\n                <p className=\"mt-2 text-xs text-muted-foreground\">Participants</p>\n                <p className=\"text-lg font-bold\">{hackathon.currentParticipants}</p>\n              </CardContent>\n            </Card>\n            <Card>\n              <CardContent className=\"flex flex-col items-center pt-6 text-center\">\n                <MapPin className=\"h-6 w-6 text-primary\" />\n                <p className=\"mt-2 text-xs text-muted-foreground\">Mode</p>\n                <p className=\"text-lg font-bold capitalize\">{hackathon.mode}</p>\n              </CardContent>\n            </Card>\n          </div>\n\n          {/* Schedule */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Clock className=\"h-4 w-4\" />\n                Schedule\n              </CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-3\">\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">Registration Opens</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {new Date(hackathon.startDate).toLocaleDateString()}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">Hacking Begins</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {new Date(hackathon.startDate).toLocaleDateString()}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">Submissions Due</span>\n                <span className=\"text-sm text-muted-foreground\">\n                  {new Date(hackathon.endDate).toLocaleDateString()}\n                </span>\n              </div>\n            </CardContent>\n          </Card>\n\n          {/* Themes */}\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Themes</CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"grid gap-3 sm:grid-cols-3\">\n                {hackathon.themes.map((theme) => (\n                  <div key={theme} className=\"rounded-lg border border-border p-4 text-center\">\n                    <p className=\"font-medium\">{theme}</p>\n                  </div>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n\n        {/* Sidebar */}\n        <div className=\"space-y-4\">\n          <Card>\n            <CardContent className=\"space-y-4 pt-6\">\n              {hackathon.status === 'registration_open' && (\n                <Button className=\"w-full\" size=\"lg\">\n                  Register Now\n                </Button>\n              )}\n              <div className=\"space-y-2 text-sm\">\n                <div className=\"flex justify-between\">\n                  <span className=\"text-muted-foreground\">Spots Left</span>\n                  <span className=\"font-medium\">{spotsLeft}</span>\n                </div>\n                <div className=\"h-2 w-full overflow-hidden rounded-full bg-muted\">\n                  <div\n                    className=\"h-2 rounded-full bg-primary\"\n                    style={{\n                      width: `${(hackathon.currentParticipants / hackathon.maxParticipants) * 100}%`,\n                    }}\n                  />\n                </div>\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"flex items-center gap-2 text-base\">\n                <Code className=\"h-4 w-4\" />\n                Technologies\n              </CardTitle>\n            </CardHeader>\n            <CardContent>\n              <div className=\"flex flex-wrap gap-1.5\">\n                {hackathon.technologies.map((tech) => (\n                  <Badge key={tech} variant=\"secondary\">\n                    {tech}\n                  </Badge>\n                ))}\n              </div>\n            </CardContent>\n          </Card>\n\n          <Card>\n            <CardHeader>\n              <CardTitle className=\"text-base\">Prize Breakdown</CardTitle>\n            </CardHeader>\n            <CardContent className=\"space-y-2\">\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">1st Place</span>\n                <span className=\"text-sm font-bold\">\n                  ${Math.round(hackathon.prizePool * 0.5).toLocaleString()}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">2nd Place</span>\n                <span className=\"text-sm font-bold\">\n                  ${Math.round(hackathon.prizePool * 0.3).toLocaleString()}\n                </span>\n              </div>\n              <div className=\"flex items-center justify-between rounded-lg border border-border p-3\">\n                <span className=\"text-sm font-medium\">3rd Place</span>\n                <span className=\"text-sm font-bold\">\n                  ${Math.round(hackathon.prizePool * 0.2).toLocaleString()}\n                </span>\n              </div>\n            </CardContent>\n          </Card>\n        </div>\n      </div>\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HackathonsHackathonDetailsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonDetailsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { useSearchParams } from 'react-router-dom';\nimport {\n  Award,\n  CalendarClock,\n  CalendarDays,\n  ExternalLink,\n  Flag,\n  Github,\n  Send,\n  Trophy,\n  UserPlus,\n  Users,\n} from 'lucide-react';\nimport {\n  Badge,\n  Button,\n  GlassCard,\n  Input,\n  Select,\n  SelectContent,\n  SelectItem,\n  SelectTrigger,\n  SelectValue,\n  Skeleton,\n  Textarea,\n} from '@burdenoff/fe-libs/ui';\nimport { EmptyView, ErrorView, PageLayout, StatCard, StatusBadge } from '../components';\nimport { useTechnoSpam } from '../providers/TechnoSpamProvider';\nimport {\n  useHackathonQuery,\n  useRegisterTeam,\n  useSubmitProject,\n  useTeamsQuery,\n  type TecHackathonTeam,\n} from '../api/technospamApi';\nimport { formatDate, formatDateTime, formatMoney } from '../utils/format';\nimport { notify } from '../lib/toast';\n\nfunction TeamCard({ team, isMine }: { team: TecHackathonTeam; isMine: boolean }) {\n  return (\n    <GlassCard className=\"flex flex-col gap-3 p-4\">\n      <div className=\"flex items-start justify-between gap-3\">\n        <div className=\"min-w-0\">\n          <div className=\"flex items-center gap-2\">\n            <span className=\"truncate text-sm font-semibold text-text-primary\">{team.name}</span>\n            {isMine ? (\n              <Badge variant=\"secondary\" className=\"text-[11px]\">\n                Your team\n              </Badge>\n            ) : null}\n          </div>\n          {team.projectName ? (\n            <p className=\"mt-0.5 truncate text-sm text-text-secondary\">{team.projectName}</p>\n          ) : (\n            <p className=\"mt-0.5 text-sm text-text-muted\">No project submitted yet</p>\n          )}\n        </div>\n        <StatusBadge status={team.status} />\n      </div>\n\n      {team.pitch ? <p className=\"line-clamp-3 text-sm text-text-secondary\">{team.pitch}</p> : null}\n\n      <div className=\"flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted\">\n        <span className=\"inline-flex items-center gap-1\">\n          <Users size={13} /> {team.memberIds.length} member{team.memberIds.length === 1 ? '' : 's'}\n        </span>\n        <span className=\"inline-flex items-center gap-1\">\n          <Flag size={13} /> Score {team.score}\n        </span>\n      </div>\n\n      {team.repoUrl || team.projectUrl ? (\n        <div className=\"flex flex-wrap items-center gap-3\">\n          {team.repoUrl ? (\n            <a\n              href={team.repoUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline\"\n            >\n              <Github size={13} /> Repository\n            </a>\n          ) : null}\n          {team.projectUrl ? (\n            <a\n              href={team.projectUrl}\n              target=\"_blank\"\n              rel=\"noreferrer\"\n              className=\"inline-flex items-center gap-1 text-xs font-medium text-accent-primary hover:underline\"\n            >\n              <ExternalLink size={13} /> Live project\n            </a>\n          ) : null}\n        </div>\n      ) : null}\n    </GlassCard>\n  );\n}\n\nexport function HackathonsHackathonDetailsPagePage() {\n  const [params] = useSearchParams();\n  const id = params.get('id') ?? '';\n  const { currentUser } = useTechnoSpam();\n\n  const { data, loading, error, refetch } = useHackathonQuery(id);\n  const {\n    data: teamsData,\n    loading: teamsLoading,\n    error: teamsError,\n    refetch: refetchTeams,\n  } = useTeamsQuery(id);\n\n  const [registerTeam, { loading: registering }] = useRegisterTeam();\n  const [submitProject, { loading: submitting }] = useSubmitProject();\n\n  // register-team form state\n  const [teamName, setTeamName] = useState('');\n  const [memberIdsRaw, setMemberIdsRaw] = useState('');\n\n  // submit-project form state\n  const [projectTeamId, setProjectTeamId] = useState('');\n  const [projectName, setProjectName] = useState('');\n  const [projectUrl, setProjectUrl] = useState('');\n  const [repoUrl, setRepoUrl] = useState('');\n  const [pitch, setPitch] = useState('');\n\n  const hackathon = data?.tecHackathon ?? null;\n  const teams = teamsData?.tecListTeams ?? [];\n  const isRegistrationOpen = hackathon?.status === 'REGISTRATION_OPEN';\n  const captainedTeams = currentUser?.id ? teams.filter((t) => t.captainId === currentUser.id) : [];\n  const activeProjectTeamId = projectTeamId || captainedTeams[0]?.id || '';\n\n  const handleRegister = async () => {\n    if (!id || !teamName.trim()) return;\n    const memberIds = memberIdsRaw\n      .split(',')\n      .map((s) => s.trim())\n      .filter(Boolean);\n    const res = await registerTeam({\n      variables: { input: { hackathonId: id, name: teamName.trim(), memberIds } },\n    });\n    if (res.data?.tecRegisterTeam) {\n      notify.success('Team registered', `\"${teamName.trim()}\" is in the running.`);\n      setTeamName('');\n      setMemberIdsRaw('');\n      await Promise.all([refetchTeams(), refetch()]);\n    }\n  };\n\n  const handleSubmitProject = async () => {\n    if (!activeProjectTeamId || !projectName.trim()) return;\n    const res = await submitProject({\n      variables: {\n        input: {\n          teamId: activeProjectTeamId,\n          projectName: projectName.trim(),\n          projectUrl: projectUrl.trim() || undefined,\n          repoUrl: repoUrl.trim() || undefined,\n          pitch: pitch.trim() || undefined,\n        },\n      },\n    });\n    if (res.data?.tecSubmitProject) {\n      notify.success('Project submitted', `\"${projectName.trim()}\" is submitted for judging.`);\n      setProjectName('');\n      setProjectUrl('');\n      setRepoUrl('');\n      setPitch('');\n      await Promise.all([refetchTeams(), refetch()]);\n    }\n  };\n\n  if (loading && !hackathon) {\n    return (\n      <PageLayout title=\"Hackathon\" backPath=\"/hackathons/hackathons-page\">\n        <Skeleton className=\"mb-4 h-32 w-full rounded-xl\" />\n        <Skeleton className=\"h-64 w-full rounded-xl\" />\n      </PageLayout>\n    );\n  }\n\n  if (error || !hackathon) {\n    return (\n      <PageLayout title=\"Hackathon\" backPath=\"/hackathons/hackathons-page\">\n        {error ? (\n          <ErrorView title=\"Couldn't load hackathon\" error={error} />\n        ) : (\n          <EmptyView\n            title=\"Hackathon not found\"\n            description=\"This hackathon may no longer be listed.\"\n          />\n        )}\n      </PageLayout>\n    );\n  }\n\n  return (\n    <PageLayout\n      hero\n      backPath=\"/hackathons/hackathons-page\"\n      title={hackathon.title}\n      description={hackathon.theme ?? undefined}\n    >\n      <div className=\"mb-5 flex flex-wrap items-center gap-2\">\n        <StatusBadge status={hackathon.status} />\n        {hackathon.tags.map((t) => (\n          <Badge key={t} variant=\"secondary\">\n            {t}\n          </Badge>\n        ))}\n      </div>\n\n      <div className=\"mb-6 grid grid-cols-2 gap-3 lg:grid-cols-4\">\n        <StatCard\n          label=\"Prize pool\"\n          value={formatMoney(hackathon.prizePool, hackathon.currency)}\n          icon={Award}\n        />\n        <StatCard label=\"Max team size\" value={hackathon.maxTeamSize} icon={Users} />\n        <StatCard label=\"Teams registered\" value={teams.length} icon={Trophy} />\n        <StatCard label=\"Ends\" value={formatDate(hackathon.endAt)} icon={CalendarDays} />\n      </div>\n\n      {hackathon.description ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <h2 className=\"mb-2 text-base font-semibold text-text-primary\">About</h2>\n          <p className=\"whitespace-pre-line text-sm text-text-secondary\">{hackathon.description}</p>\n        </GlassCard>\n      ) : null}\n\n      <GlassCard className=\"mb-6 p-5\">\n        <h2 className=\"mb-3 text-base font-semibold text-text-primary\">Schedule</h2>\n        <div className=\"grid grid-cols-1 gap-3 sm:grid-cols-3\">\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarDays size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Starts</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDate(hackathon.startAt)}\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarDays size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Ends</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDate(hackathon.endAt)}\n              </div>\n            </div>\n          </div>\n          <div className=\"flex items-center gap-2 rounded-lg border border-border-seam bg-bg-sunken p-3\">\n            <CalendarClock size={16} className=\"text-accent-teal\" />\n            <div className=\"min-w-0\">\n              <div className=\"text-xs text-text-muted\">Submission deadline</div>\n              <div className=\"truncate text-sm font-medium text-text-primary\">\n                {formatDateTime(hackathon.submissionDeadline)}\n              </div>\n            </div>\n          </div>\n        </div>\n      </GlassCard>\n\n      {isRegistrationOpen ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <UserPlus size={18} className=\"text-accent-primary\" />\n            <h2 className=\"text-base font-semibold text-text-primary\">Register a team</h2>\n          </div>\n          <p className=\"mb-4 text-sm text-text-secondary\">\n            You&apos;ll be the team captain. Add teammates by their user id (optional) — teams can\n            be up to {hackathon.maxTeamSize} members.\n          </p>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Team name\n              </label>\n              <Input\n                placeholder=\"e.g. Byte Builders\"\n                value={teamName}\n                onChange={(e) => setTeamName(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Teammate user ids{' '}\n                <span className=\"text-text-muted\">(optional, comma-separated)</span>\n              </label>\n              <Input\n                placeholder=\"user-id-1, user-id-2\"\n                value={memberIdsRaw}\n                onChange={(e) => setMemberIdsRaw(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <Button onClick={handleRegister} disabled={registering || !teamName.trim()}>\n              <UserPlus size={16} /> {registering ? 'Registering…' : 'Register team'}\n            </Button>\n          </div>\n        </GlassCard>\n      ) : null}\n\n      {captainedTeams.length > 0 ? (\n        <GlassCard className=\"mb-6 p-5\">\n          <div className=\"mb-3 flex items-center gap-2\">\n            <Send size={18} className=\"text-accent-primary\" />\n            <h2 className=\"text-base font-semibold text-text-primary\">Submit your project</h2>\n          </div>\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {captainedTeams.length > 1 ? (\n              <div className=\"sm:col-span-2\">\n                <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">Team</label>\n                <Select value={activeProjectTeamId} onValueChange={setProjectTeamId}>\n                  <SelectTrigger>\n                    <SelectValue placeholder=\"Choose a team\" />\n                  </SelectTrigger>\n                  <SelectContent>\n                    {captainedTeams.map((t) => (\n                      <SelectItem key={t.id} value={t.id}>\n                        {t.name}\n                      </SelectItem>\n                    ))}\n                  </SelectContent>\n                </Select>\n              </div>\n            ) : (\n              <div className=\"sm:col-span-2 text-sm text-text-secondary\">\n                Submitting for{' '}\n                <span className=\"font-medium text-text-primary\">{captainedTeams[0]?.name}</span>\n              </div>\n            )}\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Project name\n              </label>\n              <Input\n                placeholder=\"e.g. RealtimeCanvas\"\n                value={projectName}\n                onChange={(e) => setProjectName(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Live project URL <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Input\n                placeholder=\"https://…\"\n                value={projectUrl}\n                onChange={(e) => setProjectUrl(e.target.value)}\n              />\n            </div>\n            <div>\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Repository URL <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Input\n                placeholder=\"https://github.com/…\"\n                value={repoUrl}\n                onChange={(e) => setRepoUrl(e.target.value)}\n              />\n            </div>\n            <div className=\"sm:col-span-2\">\n              <label className=\"mb-1.5 block text-sm font-medium text-text-secondary\">\n                Pitch <span className=\"text-text-muted\">(optional)</span>\n              </label>\n              <Textarea\n                rows={3}\n                placeholder=\"What did you build, and why does it matter?\"\n                value={pitch}\n                onChange={(e) => setPitch(e.target.value)}\n              />\n            </div>\n          </div>\n          <div className=\"mt-4 flex justify-end\">\n            <Button\n              onClick={handleSubmitProject}\n              disabled={submitting || !activeProjectTeamId || !projectName.trim()}\n            >\n              <Send size={16} /> {submitting ? 'Submitting…' : 'Submit project'}\n            </Button>\n          </div>\n        </GlassCard>\n      ) : null}\n\n      <div>\n        <h2 className=\"mb-3 text-base font-semibold text-text-primary\">\n          Teams {teams.length ? <span className=\"text-text-muted\">({teams.length})</span> : null}\n        </h2>\n        {teamsLoading && !teams.length ? (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            <Skeleton className=\"h-40 w-full rounded-xl\" />\n            <Skeleton className=\"h-40 w-full rounded-xl\" />\n          </div>\n        ) : teamsError ? (\n          <ErrorView title=\"Couldn't load teams\" error={teamsError} />\n        ) : teams.length === 0 ? (\n          <EmptyView\n            icon={<Users size={26} />}\n            title=\"No teams registered yet\"\n            description={\n              isRegistrationOpen\n                ? 'Be the first to register a team above.'\n                : 'Teams will appear here once registration opens.'\n            }\n          />\n        ) : (\n          <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2\">\n            {teams.map((team) => (\n              <TeamCard\n                key={team.id}\n                team={team}\n                isMine={!!currentUser?.id && team.captainId === currentUser.id}\n              />\n            ))}\n          </div>\n        )}\n      </div>\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}

package/dist/technospam/pages/HackathonsHackathonsPagePage.js

@@ -1,162 +1,169 @@
-import { useTechnoSpamStore as e } from "../store/technospamStore.js";
-import { useMemo as t, useState as n } from "react";
-import { Calendar as r, Clock as i, MapPin as a, Trophy as o, Users as s } from "lucide-react";
-import { jsx as c, jsxs as l } from "react/jsx-runtime";
-import { Badge as u, Button as d, Card as f, CardContent as p, CardHeader as m, CardTitle as h } from "@burdenoff/fe-libs/ui";
+import { useTechnoSpamNavigate as e } from "../providers/TechnoSpamProvider.js";
+import { PageLayout as t } from "../components/PageLayout.js";
+import { StatCard as n } from "../components/StatCard.js";
+import { formatDate as r, formatMoney as i } from "../utils/format.js";
+import { StatusBadge as a } from "../components/StatusBadge.js";
+import { EmptyView as o, ErrorView as s, LoadingGrid as c } from "../components/StateViews.js";
+import "../components/index.js";
+import { useHackathonsQuery as l } from "../api/technospamApi.js";
+import { useState as u } from "react";
+import { Award as d, CalendarDays as f, Sparkles as p, Trophy as m, Users as h } from "lucide-react";
+import { jsx as g, jsxs as _ } from "react/jsx-runtime";
+import { Badge as v, GlassCard as y, Tabs as b, TabsList as x, TabsTrigger as S } from "@burdenoff/fe-libs/ui";
 //#region src/technospam/pages/HackathonsHackathonsPagePage.tsx
-function g() {
-	let { hackathons: g, userStats: _ } = e(), [v, y] = n("all"), b = t(() => v === "all" ? g : g.filter((e) => e.status === v), [g, v]), x = (e) => {
-		switch (e) {
-			case "registration_open": return "bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400";
-			case "ongoing": return "bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400";
-			case "upcoming": return "bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400";
-			case "judging": return "bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400";
-			case "completed": return "bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400";
-			default: return "";
-		}
-	}, S = (e) => e.replace("_", " ");
-	return /* @__PURE__ */ l("div", {
-		className: "space-y-6 p-6",
-		children: [
-			/* @__PURE__ */ l("div", {
-				className: "flex items-center justify-between",
-				children: [/* @__PURE__ */ l("div", { children: [/* @__PURE__ */ c("h1", {
-					className: "text-2xl font-semibold text-foreground",
-					children: "Hackathons"
-				}), /* @__PURE__ */ c("p", {
-					className: "text-sm text-muted-foreground",
-					children: "Compete, collaborate, and build innovative projects"
-				})] }), /* @__PURE__ */ l(u, {
-					variant: "secondary",
-					children: [_.hackathonsJoined, " joined"]
-				})]
-			}),
-			/* @__PURE__ */ c("div", {
-				className: "flex flex-wrap gap-2",
-				children: [
-					{
-						label: "All",
-						value: "all"
-					},
-					{
-						label: "Upcoming",
-						value: "upcoming"
-					},
-					{
-						label: "Open",
-						value: "registration_open"
-					},
-					{
-						label: "Ongoing",
-						value: "ongoing"
-					},
-					{
-						label: "Completed",
-						value: "completed"
-					}
-				].map((e) => /* @__PURE__ */ c(d, {
-					variant: v === e.value ? "default" : "outline",
-					size: "sm",
-					onClick: () => y(e.value),
-					children: e.label
-				}, e.value))
-			}),
-			b.length === 0 ? /* @__PURE__ */ c("div", {
-				className: "py-12 text-center text-sm text-muted-foreground",
-				children: "No hackathons match your filter"
-			}) : /* @__PURE__ */ c("div", {
-				className: "grid gap-4 md:grid-cols-2",
-				children: b.map((e) => /* @__PURE__ */ l(f, { children: [/* @__PURE__ */ l(m, {
-					className: "pb-3",
-					children: [/* @__PURE__ */ l("div", {
-						className: "flex items-start justify-between",
-						children: [/* @__PURE__ */ c(h, {
-							className: "text-base",
-							children: e.title
-						}), /* @__PURE__ */ c("span", {
-							className: `inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${x(e.status)}`,
-							children: S(e.status)
-						})]
-					}), /* @__PURE__ */ c("p", {
-						className: "text-sm text-muted-foreground",
-						children: e.description
+var C = [
+	{
+		value: "ALL",
+		label: "All"
+	},
+	{
+		value: "REGISTRATION_OPEN",
+		label: "Registration open"
+	},
+	{
+		value: "IN_PROGRESS",
+		label: "In progress"
+	},
+	{
+		value: "JUDGING",
+		label: "Judging"
+	},
+	{
+		value: "COMPLETED",
+		label: "Completed"
+	}
+];
+function w(e) {
+	let t = [
+		"from-accent-primary/25 to-accent-teal/20",
+		"from-accent-teal/25 to-accent-primary/15",
+		"from-status-success-bg-subtle to-accent-wash",
+		"from-accent-wash to-bg-sunken"
+	], n = 0;
+	for (let t = 0; t < e.length; t += 1) n = n * 31 + e.charCodeAt(t) >>> 0;
+	return t[n % t.length];
+}
+function T({ hackathon: e, onOpen: t }) {
+	return /* @__PURE__ */ _(y, {
+		className: "group flex cursor-pointer flex-col overflow-hidden transition-shadow hover:shadow-md",
+		onClick: t,
+		children: [/* @__PURE__ */ _("div", {
+			className: `relative flex h-24 items-end bg-gradient-to-br ${w(e.theme ?? e.id)} p-4`,
+			children: [/* @__PURE__ */ g(m, {
+				className: "absolute right-3 top-3 text-text-muted/60",
+				size: 20
+			}), /* @__PURE__ */ g(a, { status: e.status })]
+		}), /* @__PURE__ */ _("div", {
+			className: "flex flex-1 flex-col gap-3 p-4",
+			children: [
+				/* @__PURE__ */ _("div", {
+					className: "min-w-0",
+					children: [/* @__PURE__ */ g("h3", {
+						className: "truncate text-base font-semibold text-text-primary group-hover:text-accent-primary",
+						children: e.title
+					}), e.theme ? /* @__PURE__ */ g("p", {
+						className: "mt-1 line-clamp-2 text-sm text-text-secondary",
+						children: e.theme
+					}) : null]
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted",
+					children: [/* @__PURE__ */ _("span", {
+						className: "inline-flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ g(f, { size: 13 }),
+							" ",
+							r(e.startAt),
+							" –",
+							" ",
+							r(e.endAt)
+						]
+					}), /* @__PURE__ */ _("span", {
+						className: "inline-flex items-center gap-1",
+						children: [
+							/* @__PURE__ */ g(h, { size: 13 }),
+							" Team of ",
+							e.maxTeamSize
+						]
 					})]
-				}), /* @__PURE__ */ l(p, {
-					className: "space-y-3",
+				}),
+				/* @__PURE__ */ _("div", {
+					className: "flex items-center gap-1.5 text-sm font-medium text-accent-teal",
 					children: [
-						/* @__PURE__ */ l("div", {
-							className: "flex flex-wrap items-center gap-3 text-xs text-muted-foreground",
-							children: [
-								/* @__PURE__ */ l("span", {
-									className: "flex items-center gap-1",
-									children: [
-										/* @__PURE__ */ c(r, { className: "h-3 w-3" }),
-										new Date(e.startDate).toLocaleDateString(),
-										" -",
-										" ",
-										new Date(e.endDate).toLocaleDateString()
-									]
-								}),
-								/* @__PURE__ */ l("span", {
-									className: "flex items-center gap-1",
-									children: [/* @__PURE__ */ c(a, { className: "h-3 w-3" }), e.mode]
-								}),
-								/* @__PURE__ */ l("span", {
-									className: "flex items-center gap-1",
-									children: [
-										/* @__PURE__ */ c(s, { className: "h-3 w-3" }),
-										e.currentParticipants,
-										"/",
-										e.maxParticipants
-									]
-								})
-							]
-						}),
-						/* @__PURE__ */ l("div", {
-							className: "flex items-center gap-2",
-							children: [/* @__PURE__ */ c(o, { className: "h-4 w-4 text-yellow-500" }), /* @__PURE__ */ l("span", {
-								className: "text-sm font-medium",
-								children: [
-									"$",
-									e.prizePool.toLocaleString(),
-									" Prize Pool"
-								]
-							})]
-						}),
-						/* @__PURE__ */ c("div", {
-							className: "flex flex-wrap gap-1",
-							children: e.themes.map((e) => /* @__PURE__ */ c(u, {
-								variant: "outline",
-								className: "text-xs",
-								children: e
-							}, e))
-						}),
-						/* @__PURE__ */ c("div", {
-							className: "flex flex-wrap gap-1",
-							children: e.technologies.map((e) => /* @__PURE__ */ c(u, {
-								variant: "secondary",
-								className: "text-xs",
-								children: e
-							}, e))
-						}),
-						e.status === "registration_open" && /* @__PURE__ */ c(d, {
-							size: "sm",
-							className: "w-full",
-							children: "Register Now"
-						}),
-						e.status === "upcoming" && /* @__PURE__ */ l(d, {
-							variant: "outline",
-							size: "sm",
-							className: "w-full",
-							children: [/* @__PURE__ */ c(i, { className: "mr-2 h-4 w-4" }), "Notify Me"]
-						})
+						/* @__PURE__ */ g(d, { size: 15 }),
+						" ",
+						i(e.prizePool, e.currency),
+						" prize pool"
 					]
-				})] }, e.id))
+				}),
+				e.tags.length ? /* @__PURE__ */ g("div", {
+					className: "flex flex-wrap gap-1.5",
+					children: e.tags.slice(0, 4).map((e) => /* @__PURE__ */ g(v, {
+						variant: "secondary",
+						className: "text-[11px]",
+						children: e
+					}, e))
+				}) : null
+			]
+		})]
+	});
+}
+function E() {
+	let r = e(), [a, f] = u("ALL"), { data: h, loading: v, error: y } = l(a === "ALL" ? {} : { status: a }), w = h?.tecListHackathons.items ?? [], E = w.filter((e) => e.status === "REGISTRATION_OPEN").length, D = w.reduce((e, t) => e + t.prizePool, 0), O = w[0]?.currency ?? "USD";
+	return /* @__PURE__ */ _(t, {
+		hero: !0,
+		title: "Hackathons",
+		description: "Compete, collaborate, and ship real projects with a team in a fixed window.",
+		children: [
+			/* @__PURE__ */ _("div", {
+				className: "mb-5 grid grid-cols-1 gap-3 sm:grid-cols-3",
+				children: [
+					/* @__PURE__ */ g(n, {
+						label: "Hackathons",
+						value: w.length,
+						icon: m
+					}),
+					/* @__PURE__ */ g(n, {
+						label: "Registration open",
+						value: E,
+						icon: p
+					}),
+					/* @__PURE__ */ g(n, {
+						label: "Total prize pool",
+						value: i(D, O),
+						icon: d
+					})
+				]
+			}),
+			/* @__PURE__ */ g("div", {
+				className: "mb-4",
+				children: /* @__PURE__ */ g(b, {
+					value: a,
+					onValueChange: (e) => f(e),
+					children: /* @__PURE__ */ g(x, { children: C.map((e) => /* @__PURE__ */ g(S, {
+						value: e.value,
+						children: e.label
+					}, e.value)) })
+				})
+			}),
+			v && !w.length ? /* @__PURE__ */ g(c, {}) : y ? /* @__PURE__ */ g(s, {
+				title: "Couldn't load hackathons",
+				error: y
+			}) : w.length === 0 ? /* @__PURE__ */ g(o, {
+				icon: /* @__PURE__ */ g(m, { size: 26 }),
+				title: a === "ALL" ? "No hackathons yet" : "No hackathons in this stage",
+				description: a === "ALL" ? "Upcoming hackathons will appear here. Check back soon — TechnoSpam is pre-launch." : "Try a different stage filter."
+			}) : /* @__PURE__ */ g("div", {
+				className: "grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3",
+				children: w.map((e) => /* @__PURE__ */ g(T, {
+					hackathon: e,
+					onOpen: () => r(`/hackathons/hackathon-details-page?id=${e.id}`)
+				}, e.id))
 			})
 		]
 	});
 }
 //#endregion
-export { g as HackathonsHackathonsPagePage };
+export { E as HackathonsHackathonsPagePage };
 
 //# sourceMappingURL=HackathonsHackathonsPagePage.js.map

package/dist/technospam/pages/HackathonsHackathonsPagePage.js.map

@@ -1 +1 @@
-{"version":3,"file":"HackathonsHackathonsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"sourcesContent":["import { useState, useMemo } from 'react';\nimport { Card, CardContent, CardHeader, CardTitle, Badge, Button } from '@burdenoff/fe-libs/ui';\nimport { Calendar, Users, Trophy, MapPin, Clock } from 'lucide-react';\nimport { useTechnoSpamStore } from '../store/technospamStore';\n\ntype StatusFilter = 'all' | 'upcoming' | 'registration_open' | 'ongoing' | 'completed';\n\nexport function HackathonsHackathonsPagePage() {\n  const { hackathons, userStats } = useTechnoSpamStore();\n  const [statusFilter, setStatusFilter] = useState<StatusFilter>('all');\n\n  const filteredHackathons = useMemo(() => {\n    if (statusFilter === 'all') return hackathons;\n    return hackathons.filter((h) => h.status === statusFilter);\n  }, [hackathons, statusFilter]);\n\n  const statusColor = (status: string) => {\n    switch (status) {\n      case 'registration_open':\n        return 'bg-green-100 text-green-800 dark:bg-green-900/30 dark:text-green-400';\n      case 'ongoing':\n        return 'bg-blue-100 text-blue-800 dark:bg-blue-900/30 dark:text-blue-400';\n      case 'upcoming':\n        return 'bg-purple-100 text-purple-800 dark:bg-purple-900/30 dark:text-purple-400';\n      case 'judging':\n        return 'bg-yellow-100 text-yellow-800 dark:bg-yellow-900/30 dark:text-yellow-400';\n      case 'completed':\n        return 'bg-gray-100 text-gray-800 dark:bg-gray-900/30 dark:text-gray-400';\n      default:\n        return '';\n    }\n  };\n\n  const formatStatus = (s: string) => s.replace('_', ' ');\n\n  const filters: { label: string; value: StatusFilter }[] = [\n    { label: 'All', value: 'all' },\n    { label: 'Upcoming', value: 'upcoming' },\n    { label: 'Open', value: 'registration_open' },\n    { label: 'Ongoing', value: 'ongoing' },\n    { label: 'Completed', value: 'completed' },\n  ];\n\n  return (\n    <div className=\"space-y-6 p-6\">\n      <div className=\"flex items-center justify-between\">\n        <div>\n          <h1 className=\"text-2xl font-semibold text-foreground\">Hackathons</h1>\n          <p className=\"text-sm text-muted-foreground\">\n            Compete, collaborate, and build innovative projects\n          </p>\n        </div>\n        <Badge variant=\"secondary\">{userStats.hackathonsJoined} joined</Badge>\n      </div>\n\n      {/* Filters */}\n      <div className=\"flex flex-wrap gap-2\">\n        {filters.map((f) => (\n          <Button\n            key={f.value}\n            variant={statusFilter === f.value ? 'default' : 'outline'}\n            size=\"sm\"\n            onClick={() => setStatusFilter(f.value)}\n          >\n            {f.label}\n          </Button>\n        ))}\n      </div>\n\n      {/* Hackathon Cards */}\n      {filteredHackathons.length === 0 ? (\n        <div className=\"py-12 text-center text-sm text-muted-foreground\">\n          No hackathons match your filter\n        </div>\n      ) : (\n        <div className=\"grid gap-4 md:grid-cols-2\">\n          {filteredHackathons.map((hack) => (\n            <Card key={hack.id}>\n              <CardHeader className=\"pb-3\">\n                <div className=\"flex items-start justify-between\">\n                  <CardTitle className=\"text-base\">{hack.title}</CardTitle>\n                  <span\n                    className={`inline-flex items-center rounded-full px-2 py-0.5 text-xs font-medium capitalize ${statusColor(hack.status)}`}\n                  >\n                    {formatStatus(hack.status)}\n                  </span>\n                </div>\n                <p className=\"text-sm text-muted-foreground\">{hack.description}</p>\n              </CardHeader>\n              <CardContent className=\"space-y-3\">\n                <div className=\"flex flex-wrap items-center gap-3 text-xs text-muted-foreground\">\n                  <span className=\"flex items-center gap-1\">\n                    <Calendar className=\"h-3 w-3\" />\n                    {new Date(hack.startDate).toLocaleDateString()} -{' '}\n                    {new Date(hack.endDate).toLocaleDateString()}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <MapPin className=\"h-3 w-3\" />\n                    {hack.mode}\n                  </span>\n                  <span className=\"flex items-center gap-1\">\n                    <Users className=\"h-3 w-3\" />\n                    {hack.currentParticipants}/{hack.maxParticipants}\n                  </span>\n                </div>\n                <div className=\"flex items-center gap-2\">\n                  <Trophy className=\"h-4 w-4 text-yellow-500\" />\n                  <span className=\"text-sm font-medium\">\n                    ${hack.prizePool.toLocaleString()} Prize Pool\n                  </span>\n                </div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {hack.themes.map((theme) => (\n                    <Badge key={theme} variant=\"outline\" className=\"text-xs\">\n                      {theme}\n                    </Badge>\n                  ))}\n                </div>\n                <div className=\"flex flex-wrap gap-1\">\n                  {hack.technologies.map((tech) => (\n                    <Badge key={tech} variant=\"secondary\" className=\"text-xs\">\n                      {tech}\n                    </Badge>\n                  ))}\n                </div>\n                {hack.status === 'registration_open' && (\n                  <Button size=\"sm\" className=\"w-full\">\n                    Register Now\n                  </Button>\n                )}\n                {hack.status === 'upcoming' && (\n                  <Button variant=\"outline\" size=\"sm\" className=\"w-full\">\n                    <Clock className=\"mr-2 h-4 w-4\" />\n                    Notify Me\n                  </Button>\n                )}\n              </CardContent>\n            </Card>\n          ))}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"mappings":"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"}
+{"version":3,"file":"HackathonsHackathonsPagePage.js","names":[],"sources":["../../../src/technospam/pages/HackathonsHackathonsPagePage.tsx"],"sourcesContent":["import { useState } from 'react';\nimport { Award, CalendarDays, Sparkles, Trophy, Users } from 'lucide-react';\nimport { Badge, GlassCard, Tabs, TabsList, TabsTrigger } from '@burdenoff/fe-libs/ui';\nimport {\n  EmptyView,\n  ErrorView,\n  LoadingGrid,\n  PageLayout,\n  StatCard,\n  StatusBadge,\n} from '../components';\nimport { useTechnoSpamNavigate } from '../providers/TechnoSpamProvider';\nimport {\n  useHackathonsQuery,\n  type TecHackathon,\n  type TecHackathonStatus,\n} from '../api/technospamApi';\nimport { formatDate, formatMoney } from '../utils/format';\n\nconst STATUSES: Array<{ value: 'ALL' | TecHackathonStatus; label: string }> = [\n  { value: 'ALL', label: 'All' },\n  { value: 'REGISTRATION_OPEN', label: 'Registration open' },\n  { value: 'IN_PROGRESS', label: 'In progress' },\n  { value: 'JUDGING', label: 'Judging' },\n  { value: 'COMPLETED', label: 'Completed' },\n];\n\n/** Deterministic token-based header gradient keyed off the hackathon theme/id. */\nfunction coverGradient(seed: string): string {\n  const gradients = [\n    'from-accent-primary/25 to-accent-teal/20',\n    'from-accent-teal/25 to-accent-primary/15',\n    'from-status-success-bg-subtle to-accent-wash',\n    'from-accent-wash to-bg-sunken',\n  ];\n  let hash = 0;\n  for (let i = 0; i < seed.length; i += 1) hash = (hash * 31 + seed.charCodeAt(i)) >>> 0;\n  return gradients[hash % gradients.length]!;\n}\n\nfunction HackathonCard({ hackathon, onOpen }: { hackathon: TecHackathon; onOpen: () => void }) {\n  return (\n    <GlassCard\n      className=\"group flex cursor-pointer flex-col overflow-hidden transition-shadow hover:shadow-md\"\n      onClick={onOpen}\n    >\n      <div\n        className={`relative flex h-24 items-end bg-gradient-to-br ${coverGradient(\n          hackathon.theme ?? hackathon.id\n        )} p-4`}\n      >\n        <Trophy className=\"absolute right-3 top-3 text-text-muted/60\" size={20} />\n        <StatusBadge status={hackathon.status} />\n      </div>\n      <div className=\"flex flex-1 flex-col gap-3 p-4\">\n        <div className=\"min-w-0\">\n          <h3 className=\"truncate text-base font-semibold text-text-primary group-hover:text-accent-primary\">\n            {hackathon.title}\n          </h3>\n          {hackathon.theme ? (\n            <p className=\"mt-1 line-clamp-2 text-sm text-text-secondary\">{hackathon.theme}</p>\n          ) : null}\n        </div>\n\n        <div className=\"mt-auto flex flex-wrap items-center gap-x-4 gap-y-1.5 text-xs text-text-muted\">\n          <span className=\"inline-flex items-center gap-1\">\n            <CalendarDays size={13} /> {formatDate(hackathon.startAt)} –{' '}\n            {formatDate(hackathon.endAt)}\n          </span>\n          <span className=\"inline-flex items-center gap-1\">\n            <Users size={13} /> Team of {hackathon.maxTeamSize}\n          </span>\n        </div>\n\n        <div className=\"flex items-center gap-1.5 text-sm font-medium text-accent-teal\">\n          <Award size={15} /> {formatMoney(hackathon.prizePool, hackathon.currency)} prize pool\n        </div>\n\n        {hackathon.tags.length ? (\n          <div className=\"flex flex-wrap gap-1.5\">\n            {hackathon.tags.slice(0, 4).map((t) => (\n              <Badge key={t} variant=\"secondary\" className=\"text-[11px]\">\n                {t}\n              </Badge>\n            ))}\n          </div>\n        ) : null}\n      </div>\n    </GlassCard>\n  );\n}\n\nexport function HackathonsHackathonsPagePage() {\n  const navigate = useTechnoSpamNavigate();\n  const [status, setStatus] = useState<'ALL' | TecHackathonStatus>('ALL');\n\n  const { data, loading, error } = useHackathonsQuery(status !== 'ALL' ? { status } : {});\n\n  const hackathons = data?.tecListHackathons.items ?? [];\n  const openCount = hackathons.filter((h) => h.status === 'REGISTRATION_OPEN').length;\n  const totalPrize = hackathons.reduce((s, h) => s + h.prizePool, 0);\n  const prizeCurrency = hackathons[0]?.currency ?? 'USD';\n\n  return (\n    <PageLayout\n      hero\n      title=\"Hackathons\"\n      description=\"Compete, collaborate, and ship real projects with a team in a fixed window.\"\n    >\n      <div className=\"mb-5 grid grid-cols-1 gap-3 sm:grid-cols-3\">\n        <StatCard label=\"Hackathons\" value={hackathons.length} icon={Trophy} />\n        <StatCard label=\"Registration open\" value={openCount} icon={Sparkles} />\n        <StatCard\n          label=\"Total prize pool\"\n          value={formatMoney(totalPrize, prizeCurrency)}\n          icon={Award}\n        />\n      </div>\n\n      <div className=\"mb-4\">\n        <Tabs value={status} onValueChange={(v) => setStatus(v as 'ALL' | TecHackathonStatus)}>\n          <TabsList>\n            {STATUSES.map((s) => (\n              <TabsTrigger key={s.value} value={s.value}>\n                {s.label}\n              </TabsTrigger>\n            ))}\n          </TabsList>\n        </Tabs>\n      </div>\n\n      {loading && !hackathons.length ? (\n        <LoadingGrid />\n      ) : error ? (\n        <ErrorView title=\"Couldn't load hackathons\" error={error} />\n      ) : hackathons.length === 0 ? (\n        <EmptyView\n          icon={<Trophy size={26} />}\n          title={status !== 'ALL' ? 'No hackathons in this stage' : 'No hackathons yet'}\n          description={\n            status !== 'ALL'\n              ? 'Try a different stage filter.'\n              : 'Upcoming hackathons will appear here. Check back soon — TechnoSpam is pre-launch.'\n          }\n        />\n      ) : (\n        <div className=\"grid grid-cols-1 gap-4 sm:grid-cols-2 lg:grid-cols-3\">\n          {hackathons.map((hackathon) => (\n            <HackathonCard\n              key={hackathon.id}\n              hackathon={hackathon}\n              onOpen={() => navigate(`/hackathons/hackathon-details-page?id=${hackathon.id}`)}\n            />\n          ))}\n        </div>\n      )}\n    </PageLayout>\n  );\n}\n"],"mappings":"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"}