fixed reveal animation playing on first render

LooLzzz · Aug 31, 2024 · 6d9a6a6 · 6d9a6a6
1 parent 5e43d80
commit 6d9a6a6
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/src/components/WordsGuesser/index.tsx b/src/components/WordsGuesser/index.tsx
@@ -33,6 +33,7 @@ const WordsGuesser = () => {
   const isXs = useMediaQuery('(max-width: 400px)')
   const [selectedIdx, setSelectedIdx] = useState<number | undefined>(undefined)
   const [shake, setShake] = useState(false)
+  const [isFirstGuessInSession, setIsFirstGuessInSession] = useState(true)
 
   const activeGuessIdx = guesses.length
   const lastGuess = guesses.at(-1)
@@ -63,6 +64,7 @@ const WordsGuesser = () => {
       case 'Enter':
         if (numberOfEmptyLetters === 0) {
           if (isGuessInWordsSet && !isAlreadyGuess) {
+            setIsFirstGuessInSession(false)
             submitCurrentGuess()
           } else {
             setShake(true)
@@ -186,7 +188,7 @@ const WordsGuesser = () => {
                     guessedLetters={isActive ? currentGuess : guesses[idx]?.split('')}
                     selectedIdx={isActive ? selectedIdx : undefined}
                     onSelectIdx={isActive ? handleSelectIdx : undefined}
-                    revealAnimation={idx === activeGuessIdx - 1}
+                    revealAnimation={!isFirstGuessInSession && idx === activeGuessIdx - 1}
                   />
                 </Box>
               )

diff --git a/src/main.tsx b/src/main.tsx
@@ -41,7 +41,6 @@ const theme = createTheme({
 createRoot(document.getElementById('root')!).render(
   <StrictMode>
     <MantineProvider
-      defaultColorScheme='dark'
       colorSchemeManager={colorSchemeManager}
       cssVariablesResolver={cssResolver}
       theme={theme}