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

15
apps/website/components/leagues/TransactionRow.tsx
View File

@@ -41,33 +41,34 @@ export function TransactionRow({ transaction }: TransactionRowProps) {
rounded="lg"
border
padding={4}
style={{ backgroundColor: 'rgba(38, 38, 38, 0.3)', borderColor: '#262626' }}
bg="bg-iron-gray/30"
borderColor="border-charcoal-outline"
>
<Stack direction="row" align="center" justify="between">
<Stack direction="row" align="center" gap={3}>
<Box style={{ flexShrink: 0 }}>
<Box flexShrink={0}>
<Icon icon={getTransactionIcon(transaction.type)} size={4} color={transaction.typeColor} />
</Box>
<Box style={{ minWidth: 0, flex: 1 }}>
<Box minWidth="0" flexGrow={1}>
<Text size="sm" weight="medium" color="text-white" block truncate>
{transaction.description}
</Text>
<Stack direction="row" align="center" gap={2} mt={1}>
<Text size="xs" color="text-gray-500">{transaction.formattedDate}</Text>
<Text size="xs" color="text-gray-500">•</Text>
<Text size="xs" style={{ color: transaction.typeColor, textTransform: 'capitalize' }}>
<Text size="xs" color={transaction.typeColor} transform="capitalize">
{transaction.type}
</Text>
<Text size="xs" color="text-gray-500">•</Text>
<Text size="xs" style={{ color: transaction.statusColor, textTransform: 'capitalize' }}>
<Text size="xs" color={transaction.statusColor} transform="capitalize">
{transaction.status}
</Text>
</Stack>
</Box>
</Stack>
<Box style={{ textAlign: 'right' }}>
<Text size="lg" weight="semibold" style={{ color: transaction.amountColor }}>
<Box textAlign="right">
<Text size="lg" weight="semibold" color={transaction.amountColor}>
{transaction.formattedAmount}
</Text>
</Box>