diff --git a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Modules.tsx b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Modules.tsx index 937c216d3..a290cf245 100644 --- a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Modules.tsx +++ b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Modules.tsx @@ -18,6 +18,7 @@ import { Heading, IconButton, Text, + Tooltip, } from "@radix-ui/themes"; import { awaitableTankDefinitions } from "../../../../core/awaitables/tankDefinitions"; import { useLocale } from "../../../../hooks/useLocale"; @@ -55,12 +56,14 @@ function ModuleButton({ selected, unlock, top, + tooltip, onClick, }: { unlock: Unlock; tier: number; selected: boolean; top: boolean; + tooltip?: string; onClick: () => void; }) { const isTank = unlock.type === ModuleType.MODULE_TYPE_VEHICLE; @@ -134,7 +137,7 @@ function ModuleButton({ ); - return isTank ? ( + const node = isTank ? ( {node}; } const tankDefinitions = await awaitableTankDefinitions; @@ -167,7 +174,7 @@ export function Modules() { const topGun = topTurret.guns.at(-1)!; const topEngine = tank.engines.at(-1)!; const topTrack = tank.tracks.at(-1)!; - const { strings } = useLocale(); + const { strings, unwrap } = useLocale(); function setByUnlock(unlock: Unlock) { Duel.mutate((draft) => { @@ -249,6 +256,8 @@ export function Modules() { if (module === undefined) return null; + const tooltip = unwrap(module.name!); + return (