diff --git a/packages/website/src/pages/[...locale]/tools/guess/_index.tsx b/packages/website/src/pages/[...locale]/tools/guess/_index.tsx index 3c72e704b..47778fb66 100644 --- a/packages/website/src/pages/[...locale]/tools/guess/_index.tsx +++ b/packages/website/src/pages/[...locale]/tools/guess/_index.tsx @@ -1,10 +1,12 @@ -import { Box, Flex } from '@radix-ui/themes'; +import { Box, Flex, Heading } from '@radix-ui/themes'; import { Suspense } from 'react'; import { awaitableModelDefinitions } from '../../../../core/awaitables/modelDefinitions'; import { awaitableProvisionDefinitions } from '../../../../core/awaitables/provisionDefinitions'; import { awaitableTankDefinitions } from '../../../../core/awaitables/tankDefinitions'; +import { Var } from '../../../../core/radix/var'; import { LocaleProvider, + useLocale, type LocaleAcceptorProps, } from '../../../../hooks/useLocale'; import { Duel } from '../../../../stores/duel'; @@ -51,16 +53,70 @@ function Page2() { } function Content() { + const { unwrap } = useLocale(); + const tank = GuessEphemeral.use((state) => state.tank); + const guessState = GuessEphemeral.use((state) => state.guessState); + const isRevealed = guessState !== null; + return ( - + + + {unwrap(tank.name)} + + + + }> + + + {unwrap(tank.name)} + + + );