diff --git a/packages/i18n/strings/en.json b/packages/i18n/strings/en.json index 8628cf71f..daaadace0 100644 --- a/packages/i18n/strings/en.json +++ b/packages/i18n/strings/en.json @@ -894,6 +894,10 @@ "tank_seo_description": "%s1 armor, statistics, equipment, provisions, and more. %s2 DPM, %s3hp alpha, %s4mm penetration, %s5kph top speed, %s6hp health.", "visualizers": { + "reload": { + "skip": "Skip" + }, + "assault": { "title": "Assault shells" }, diff --git a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/index.tsx b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/index.tsx index 87c820a38..1ce46ab09 100644 --- a/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/index.tsx +++ b/packages/website/src/components/Tankopedia/CharacteristicsSection/components/Characteristics/components/ReloadVisualizer/index.tsx @@ -1,8 +1,10 @@ -import { Box, Code } from '@radix-ui/themes'; +import { DoubleArrowRightIcon } from '@radix-ui/react-icons'; +import { Box, Button, Code } from '@radix-ui/themes'; import { times } from 'lodash-es'; import { Quicklime, type QuicklimeCallback } from 'quicklime'; import { useCallback, useEffect, useRef } from 'react'; import { Var } from '../../../../../../../core/radix/var'; +import { useLocale } from '../../../../../../../hooks/useLocale'; import type { StatsAcceptorProps } from '../TraverseVisualizer'; import { VisualizerCard } from '../VisualizerCard'; import { Shell } from './components/Shell'; @@ -19,6 +21,8 @@ export interface ReloadUpdateData { export const reloadUpdate = new Quicklime(); export function ReloadVisualizer({ stats }: StatsAcceptorProps) { + const { strings } = useLocale(); + const reloadCircle = useRef(null); const reloadCore = useRef(null); const reloadGlow = useRef(null); @@ -246,7 +250,7 @@ export function ReloadVisualizer({ stats }: StatsAcceptorProps) { 0.00 0.00 @@ -290,6 +294,25 @@ export function ReloadVisualizer({ stats }: StatsAcceptorProps) { width="100%" height="100%" /> + + ); }