Marc Mintel
09632d004d
Some checks failed
CI / lint-typecheck (pull_request) Failing after 12s
CI / tests (pull_request) Has been skipped
CI / contract-tests (pull_request) Has been skipped
CI / e2e-tests (pull_request) Has been skipped
CI / comment-pr (pull_request) Has been skipped
CI / commit-types (pull_request) Has been skipped
63 lines
2.4 KiB
TypeScript
63 lines
2.4 KiB
TypeScript
|
|
|
|
import { WalletSummaryPanel } from '@/components/leagues/WalletSummaryPanel';
|
|
import { TemplateProps } from '@/lib/contracts/components/ComponentContracts';
|
|
import type { LeagueWalletViewData } from '@/lib/view-data/LeagueWalletViewData';
|
|
import { Box } from '@/ui/Box';
|
|
import { Button } from '@/ui/Button';
|
|
import { Container } from '@/ui/Container';
|
|
import { Heading } from '@/ui/Heading';
|
|
import { Icon } from '@/ui/Icon';
|
|
import { Stack } from '@/ui/Stack';
|
|
import { Text } from '@/ui/Text';
|
|
import { Download } from 'lucide-react';
|
|
|
|
interface LeagueWalletTemplateProps extends TemplateProps<LeagueWalletViewData> {
|
|
onWithdraw?: (amount: number) => void;
|
|
onExport?: () => void;
|
|
mutationLoading?: boolean;
|
|
transactions: any[];
|
|
}
|
|
|
|
export function LeagueWalletTemplate({ viewData, onExport }: LeagueWalletTemplateProps) {
|
|
return (
|
|
<Container size="lg">
|
|
<Box paddingY={8}>
|
|
{/* Header */}
|
|
<Box display="flex" alignItems="center" justifyContent="between" mb={8}>
|
|
<Box>
|
|
<Heading level={1}>League Wallet</Heading>
|
|
<Text color="text-gray-400">Manage your league's finances and payouts</Text>
|
|
</Box>
|
|
<Button variant="secondary" onClick={onExport}>
|
|
<Stack direction="row" align="center" gap={2}>
|
|
<Icon icon={Download} size={4} />
|
|
<Text>Export</Text>
|
|
</Stack>
|
|
</Button>
|
|
</Box>
|
|
|
|
<WalletSummaryPanel
|
|
formattedBalance={viewData.formattedBalance}
|
|
currency="USD"
|
|
transactions={viewData.transactions.map((t: any) => ({
|
|
...t,
|
|
formattedAmount: new Intl.NumberFormat('en-US', { style: 'currency', currency: 'USD' }).format(t.amount),
|
|
formattedDate: new Date(t.createdAt).toLocaleDateString('en-US'),
|
|
}))}
|
|
onDeposit={() => {}} // Not implemented for leagues yet
|
|
onWithdraw={() => {}} // Not implemented for leagues yet
|
|
/>
|
|
|
|
{/* Alpha Notice */}
|
|
<Box mt={6} rounded="lg" bg="rgba(245,158,11,0.1)" border borderColor="rgba(245,158,11,0.3)" p={4}>
|
|
<Text size="xs" color="text-gray-400">
|
|
<Text weight="bold" color="warning-amber">Alpha Note:</Text> Wallet management is demonstration-only.
|
|
Real payment processing and bank integrations will be available when the payment system is fully implemented.
|
|
</Text>
|
|
</Box>
|
|
</Box>
|
|
</Container>
|
|
);
|
|
}
|