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-21 17:50:02 +01:00
parent 4b54c3603b
commit 02987f60c8
29 changed files with 1673 additions and 35 deletions
Download Patch File Download Diff File Expand all files Collapse all files

182
apps/website/components/leagues/AdminQuickViewWidgets.tsx Normal file
View File

@@ -0,0 +1,182 @@
'use client';
import { Button } from '@/ui/Button';
import { Icon } from '@/ui/Icon';
import { Link } from '@/ui/Link';
import { Stack } from '@/ui/Stack';
import { Surface } from '@/ui/Surface';
import { Text } from '@/ui/Text';
import { AlertTriangle, DollarSign, Shield, Wallet } from 'lucide-react';
interface AdminQuickViewWidgetsProps {
leagueId: string;
walletBalance?: number;
pendingProtestsCount?: number;
pendingJoinRequestsCount?: number;
isOwnerOrAdmin: boolean;
}
export function AdminQuickViewWidgets({
leagueId,
walletBalance = 0,
pendingProtestsCount = 0,
pendingJoinRequestsCount = 0,
isOwnerOrAdmin,
}: AdminQuickViewWidgetsProps) {
if (!isOwnerOrAdmin) {
return null;
}
return (
<Stack gap={4}>
{/* Wallet Preview */}
<Surface
variant="muted"
rounded="xl"
border
padding={6}
style={{
background: 'linear-gradient(to bottom right, #262626, rgba(38, 38, 38, 0.8))',
borderColor: 'rgba(59, 130, 246, 0.3)',
}}
>
<Stack gap={4}>
<Stack direction="row" align="center" gap={3}>
<Stack
display="flex"
h="10"
w="10"
alignItems="center"
justifyContent="center"
rounded="lg"
bg="bg-primary-blue/10"
>
<Wallet size={20} color="var(--primary-blue)" />
</Stack>
<Stack gap={0}>
<Text size="sm" weight="bold" color="text-white" block>
Wallet Balance
</Text>
<Text size="2xl" weight="bold" color="text-primary-blue" font="mono" block>
${walletBalance.toFixed(2)}
</Text>
</Stack>
</Stack>
<Stack direction="row" gap={2}>
<Link href={`/leagues/${leagueId}/wallet`} style={{ flex: 1 }}>
<Button variant="primary" style={{ width: '100%' }}>
<Stack direction="row" align="center" gap={2}>
<Icon icon={DollarSign} size={4} />
<Text>Manage Wallet</Text>
</Stack>
</Button>
</Link>
</Stack>
</Stack>
</Surface>
{/* Stewarding Quick-View */}
<Surface
variant="muted"
rounded="xl"
border
padding={6}
style={{
background: 'linear-gradient(to bottom right, #262626, rgba(38, 38, 38, 0.8))',
borderColor: 'rgba(239, 68, 68, 0.3)',
}}
>
<Stack gap={4}>
<Stack direction="row" align="center" gap={3}>
<Stack
display="flex"
h="10"
w="10"
alignItems="center"
justifyContent="center"
rounded="lg"
bg="bg-error-red/10"
>
<Shield size={20} color="var(--error-red)" />
</Stack>
<Stack gap={0}>
<Text size="sm" weight="bold" color="text-white" block>
Stewarding Queue
</Text>
<Text size="2xl" weight="bold" color="text-error-red" font="mono" block>
{pendingProtestsCount}
</Text>
</Stack>
</Stack>
{pendingProtestsCount > 0 ? (
<Stack direction="row" gap={2}>
<Link href={`/leagues/${leagueId}/stewarding`} style={{ flex: 1 }}>
<Button variant="danger" style={{ width: '100%' }}>
<Stack direction="row" align="center" gap={2}>
<Icon icon={AlertTriangle} size={4} />
<Text>Review Protests</Text>
</Stack>
</Button>
</Link>
</Stack>
) : (
<Text size="xs" color="text-gray-500" italic>
No pending protests
</Text>
)}
</Stack>
</Surface>
{/* Join Requests Preview */}
{pendingJoinRequestsCount > 0 && (
<Surface
variant="muted"
rounded="xl"
border
padding={6}
style={{
background: 'linear-gradient(to bottom right, #262626, rgba(38, 38, 38, 0.8))',
borderColor: 'rgba(251, 191, 36, 0.3)',
}}
>
<Stack gap={4}>
<Stack direction="row" align="center" gap={3}>
<Stack
display="flex"
h="10"
w="10"
alignItems="center"
justifyContent="center"
rounded="lg"
bg="bg-warning-amber/10"
>
<Icon icon={Shield} size={20} color="var(--warning-amber)" />
</Stack>
<Stack gap={0}>
<Text size="sm" weight="bold" color="text-white" block>
Join Requests
</Text>
<Text size="2xl" weight="bold" color="text-warning-amber" font="mono" block>
{pendingJoinRequestsCount}
</Text>
</Stack>
</Stack>
<Stack direction="row" gap={2}>
<Link href={`/leagues/${leagueId}/admin`} style={{ flex: 1 }}>
<Button variant="warning" style={{ width: '100%' }}>
<Stack direction="row" align="center" gap={2}>
<Icon icon={Shield} size={4} />
<Text>Review Requests</Text>
</Stack>
</Button>
</Link>
</Stack>
</Stack>
</Surface>
)}
</Stack>
);
}