mmintel/gridpilot.gg
1
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

website refactor

Browse Source
This commit is contained in:
Marc Mintel
2026-01-15 17:12:24 +01:00
parent c3b308e960
commit f035cfe7ce
468 changed files with 24378 additions and 17324 deletions
Download Patch File Download Diff File Expand all files Collapse all files

49
apps/website/components/leagues/StewardingStats.tsx
View File

@@ -1,5 +1,7 @@
import React from 'react';
import { CheckCircle, Clock, Gavel } from 'lucide-react';
import { Box } from '@/ui/Box';
import { StatBox } from '@/ui/StatBox';
interface StewardingStatsProps {
totalPending: number;
@@ -7,30 +9,27 @@ interface StewardingStatsProps {
totalPenalties: number;
}
export default function StewardingStats({ totalPending, totalResolved, totalPenalties }: StewardingStatsProps) {
export function StewardingStats({ totalPending, totalResolved, totalPenalties }: StewardingStatsProps) {
return (
<div className="grid grid-cols-3 gap-4 mb-6">
<div className="rounded-lg bg-iron-gray/50 border border-charcoal-outline p-4">
<div className="flex items-center gap-2 text-warning-amber mb-1">
<Clock className="w-4 h-4" />
<span className="text-xs font-medium uppercase">Pending Review</span>
</div>
<div className="text-2xl font-bold text-white">{totalPending}</div>
</div>
<div className="rounded-lg bg-iron-gray/50 border border-charcoal-outline p-4">
<div className="flex items-center gap-2 text-performance-green mb-1">
<CheckCircle className="w-4 h-4" />
<span className="text-xs font-medium uppercase">Resolved</span>
</div>
<div className="text-2xl font-bold text-white">{totalResolved}</div>
</div>
<div className="rounded-lg bg-iron-gray/50 border border-charcoal-outline p-4">
<div className="flex items-center gap-2 text-red-400 mb-1">
<Gavel className="w-4 h-4" />
<span className="text-xs font-medium uppercase">Penalties</span>
</div>
<div className="text-2xl font-bold text-white">{totalPenalties}</div>
</div>
</div>
<Box display="grid" responsiveGridCols={{ base: 1, sm: 3 }} gap={4} mb={6}>
<StatBox
icon={Clock}
label="Pending Review"
value={totalPending}
color="var(--warning-amber)"
/>
<StatBox
icon={CheckCircle}
label="Resolved"
value={totalResolved}
color="var(--performance-green)"
/>
<StatBox
icon={Gavel}
label="Penalties"
value={totalPenalties}
color="var(--racing-red)"
/>
</Box>
);
}
}