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-18 16:18:18 +01:00
parent 0b301feb61
commit 13567d51af
329 changed files with 4701 additions and 4750 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
apps/website/components/admin/UserStatsSummary.tsx
View File

@@ -3,11 +3,7 @@
import React from 'react';
import { Users, Shield } from 'lucide-react';
import { Grid } from '@/ui/Grid';
import { Stack } from '@/ui/Stack';
import { Box } from '@/ui/Box';
import { Text } from '@/ui/Text';
import { Icon } from '@/ui/Icon';
import { Surface } from '@/ui/Surface';
import { MetricCard } from '@/ui/MetricCard';
interface UserStatsSummaryProps {
total: number;
@@ -18,33 +14,23 @@ interface UserStatsSummaryProps {
export function UserStatsSummary({ total, activeCount, adminCount }: UserStatsSummaryProps) {
return (
<Grid cols={3} gap={4}>
<Surface variant="gradient-blue" rounded="xl" border padding={4}>
<Stack direction="row" align="center" justify="between">
<Box>
<Text size="sm" color="text-gray-400" block mb={1}>Total Users</Text>
<Text size="2xl" weight="bold" color="text-white">{total}</Text>
</Box>
<Icon icon={Users} size={6} color="#60a5fa" />
</Stack>
</Surface>
<Surface variant="gradient-green" rounded="xl" border padding={4}>
<Stack direction="row" align="center" justify="between">
<Box>
<Text size="sm" color="text-gray-400" block mb={1}>Active</Text>
<Text size="2xl" weight="bold" color="text-white">{activeCount}</Text>
</Box>
<Text color="text-performance-green" weight="bold">✓</Text>
</Stack>
</Surface>
<Surface variant="gradient-purple" rounded="xl" border padding={4}>
<Stack direction="row" align="center" justify="between">
<Box>
<Text size="sm" color="text-gray-400" block mb={1}>Admins</Text>
<Text size="2xl" weight="bold" color="text-white">{adminCount}</Text>
</Box>
<Icon icon={Shield} size={6} color="#a855f7" />
</Stack>
</Surface>
<MetricCard
label="Total Users"
value={total}
icon={Users}
color="text-blue-400"
/>
<MetricCard
label="Active"
value={activeCount}
color="text-performance-green"
/>
<MetricCard
label="Admins"
value={adminCount}
icon={Shield}
color="text-purple-400"
/>
</Grid>
);
}