feat: localize game assets

packages/website/src/components/ModuleButtons/ConsumableButton.tsx

@@ -3,6 +3,7 @@ import { ClockIcon, ReloadIcon } from '@radix-ui/react-icons';
 import { Flex, Text } from '@radix-ui/themes';
 import { awaitableConsumableDefinitions } from '../../core/awaitables/consumableDefinitions';
 import { useDelta } from '../../hooks/useDelta';
+import { useLocale } from '../../hooks/useLocale';
 import { GenericTankComponentButton } from './GenericTankComponentButton';
 import type { TankComponentButtonProps } from './TankComponentButton';
 
@@ -22,11 +23,12 @@ export function ConsumableButton({
 }: ConsumableButtonProps) {
   const cooldownDelta = useDelta(cooldown ?? 0);
   const durationDelta = useDelta(duration ?? 0);
+  const { unwrap } = useLocale();
 
   return (
     <GenericTankComponentButton
       style={{ width: '6rem' }}
-      tooltip={consumableDefinitions.consumables[consumable].name}
+      tooltip={unwrap(consumableDefinitions.consumables[consumable].name)}
       icon={asset(`icons/consumables/${consumable}.webp`)}
       {...props}
     >

packages/website/src/components/ModuleButtons/EquipmentButton.tsx

@@ -1,5 +1,6 @@
 import { asset } from '@blitzkit/core';
 import { awaitableEquipmentDefinitions } from '../../core/awaitables/equipmentDefinitions';
+import { useLocale } from '../../hooks/useLocale';
 import { GenericTankComponentButton } from './GenericTankComponentButton';
 import type { TankComponentButtonProps } from './TankComponentButton';
 
@@ -10,9 +11,11 @@ interface EquipmentButtonProps extends TankComponentButtonProps {
 const equipmentDefinitions = await awaitableEquipmentDefinitions;
 
 export function EquipmentButton({ equipment, ...props }: EquipmentButtonProps) {
+  const { unwrap } = useLocale();
+
   return (
     <GenericTankComponentButton
-      tooltip={equipmentDefinitions.equipments[equipment].name}
+      tooltip={unwrap(equipmentDefinitions.equipments[equipment].name)}
       icon={asset(`icons/equipment/${equipment}.webp`)}
       {...props}
     />

packages/website/src/components/ModuleButtons/ProvisionButton.tsx

@@ -1,5 +1,6 @@
 import { asset } from '@blitzkit/core';
 import { awaitableProvisionDefinitions } from '../../core/awaitables/provisionDefinitions';
+import { useLocale } from '../../hooks/useLocale';
 import { GenericTankComponentButton } from './GenericTankComponentButton';
 import type { TankComponentButtonProps } from './TankComponentButton';
 
@@ -10,9 +11,11 @@ interface ProvisionButtonProps extends TankComponentButtonProps {
 const provisionDefinitions = await awaitableProvisionDefinitions;
 
 export function ProvisionButton({ provision, ...props }: ProvisionButtonProps) {
+  const { unwrap } = useLocale();
+
   return (
     <GenericTankComponentButton
-      tooltip={provisionDefinitions.provisions[provision].name}
+      tooltip={unwrap(provisionDefinitions.provisions[provision].name)}
       icon={asset(`icons/provisions/${provision}.webp`)}
       {...props}
     />