diff --git a/src/app/tools/statistics/components/Day.tsx b/src/app/tools/statistics/components/Day.tsx new file mode 100644 index 000000000..8fabd98d9 --- /dev/null +++ b/src/app/tools/statistics/components/Day.tsx @@ -0,0 +1,83 @@ +import { CaretDownIcon, CaretRightIcon } from '@radix-ui/react-icons'; +import { Button, Flex, Table, Text } from '@radix-ui/themes'; +import { random } from 'lodash'; +import { use, useMemo, useState } from 'react'; +import { tankDefinitions } from '../../../../core/blitzkrieg/tankDefinitions'; +import { tankIcon } from '../../../../core/blitzkrieg/tankIcon'; + +interface DayProps { + offset: number; +} + +export function Day({ offset }: DayProps) { + const awaitedTankDefinitions = use(tankDefinitions); + const tanksList = useMemo( + () => Object.values(awaitedTankDefinitions), + [awaitedTankDefinitions], + ); + const [expanded, setExpanded] = useState(true); + const time = new Date(Date.now() - offset * 24 * 60 * 60 * 1000); + const tanks = tanksList + .sort(() => Math.random() - 0.5) + .slice(0, random(2, 5)); + + return ( + <> +