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 22:36:01 +01:00
parent ea58909070
commit 5ed958281d
49 changed files with 8763 additions and 131 deletions
Download Patch File Download Diff File Expand all files Collapse all files

42
apps/website/components/teams/TeamMembersTable.tsx
View File

@@ -20,11 +20,12 @@ interface TeamMembersTableProps {
members: Member[];
isAdmin?: boolean;
onRemoveMember?: (driverId: string) => void;
'data-testid'?: string;
}
export function TeamMembersTable({ members, isAdmin, onRemoveMember }: TeamMembersTableProps) {
export function TeamMembersTable({ members, isAdmin, onRemoveMember, 'data-testid': dataTestId }: TeamMembersTableProps) {
return (
<Surface variant="precision" padding="none">
<Surface variant="precision" padding="none" data-testid={dataTestId}>
<Table>
<TableHead>
<TableHeaderCell>Personnel</TableHeaderCell>
@@ -35,30 +36,30 @@ export function TeamMembersTable({ members, isAdmin, onRemoveMember }: TeamMembe
</TableHead>
<TableBody>
{members.map((member) => (
<TableRow key={member.driverId}>
<TableRow key={member.driverId} data-testid="driver-card">
<TableCell>
<Stack direction="row" align="center" gap="sm">
<Box
width={10}
height={10}
bg="var(--ui-color-bg-base)"
border="1px solid var(--ui-color-border-muted)"
display="flex"
alignItems="center"
<Box
width={10}
height={10}
bg="var(--ui-color-bg-base)"
border="1px solid var(--ui-color-border-muted)"
display="flex"
alignItems="center"
justifyContent="center"
rounded="md"
>
<Text size="xs" weight="bold" variant="primary" mono>{member.driverName.substring(0, 2).toUpperCase()}</Text>
</Box>
<Text weight="bold" size="sm">{member.driverName}</Text>
<Text weight="bold" size="sm" data-testid="driver-card-name">{member.driverName}</Text>
</Stack>
</TableCell>
<TableCell>
<Box
paddingX={2}
paddingY={0.5}
bg="rgba(255,255,255,0.02)"
border="1px solid var(--ui-color-border-muted)"
<Box
paddingX={2}
paddingY={0.5}
bg="rgba(255,255,255,0.02)"
border="1px solid var(--ui-color-border-muted)"
display="inline-block"
rounded="sm"
>
@@ -71,15 +72,16 @@ export function TeamMembersTable({ members, isAdmin, onRemoveMember }: TeamMembe
</Text>
</TableCell>
<TableCell textAlign="right">
<Text mono weight="bold" variant="primary">1450</Text>
<Text mono weight="bold" variant="primary" data-testid="driver-card-stats">1450</Text>
</TableCell>
{isAdmin && (
<TableCell textAlign="right">
{member.role !== 'owner' && (
<Button
variant="secondary"
size="sm"
<Button
variant="secondary"
size="sm"
onClick={() => onRemoveMember?.(member.driverId)}
data-testid="admin-actions"
>
DECOMMISSION
</Button>