diff --git a/packages/website/src/components/Guesser/index.tsx b/packages/website/src/components/Guesser/index.tsx index 4daea5f81..397644e61 100644 --- a/packages/website/src/components/Guesser/index.tsx +++ b/packages/website/src/components/Guesser/index.tsx @@ -76,7 +76,6 @@ export function Guesser() { const [results, setResults] = useState(null); const [selected, setSelected] = useState(null); const tiers = Guess.use((state) => state.tiers); - const status = useRef(null); const allTiersSelected = tiers.length === TIERS.length; const requestSearch = useCallback(() => { @@ -105,22 +104,6 @@ export function Guesser() { if (guessState !== GuessState.NotGuessed) setSelected(null); }, [guessState]); - useEffect(() => { - const interval = setInterval(() => { - if (!status.current) return; - - status.current.innerText = allTiersSelected - ? literals(strings.guesser.stats, { - correct: correctGuesses, - total: totalGuesses, - streak: streak, - }) - : strings.guesser.stats_untracked; - }, 1000 / 200); - - return () => clearInterval(interval); - }, [correctGuesses, totalGuesses, streak, allTiersSelected]); - return (
@@ -167,7 +150,15 @@ export function Guesser() { )}
- + + {allTiersSelected + ? literals(strings.guesser.stats, { + correct: correctGuesses, + total: totalGuesses, + streak, + }) + : strings.guesser.stats_untracked} +
diff --git a/packages/website/src/hooks/useSkinAnimation.ts b/packages/website/src/hooks/useSkinAnimation.ts index 94d381296..8c8ec7557 100644 --- a/packages/website/src/hooks/useSkinAnimation.ts +++ b/packages/website/src/hooks/useSkinAnimation.ts @@ -6,7 +6,7 @@ export function useSkinAnimation(skins: Skin[]) { const animate = Tankopedia.use((state) => state.animate); useFrame((_, delta) => { - if (animate) return; + if (!animate) return; for (const { mixer } of skins) { if (!mixer) continue;