Merge pull request #18 from gbear605/open-win-modal-on-page-load
Display WinModal on page load
This commit is contained in:
commit
da01ac10bb
1 changed files with 10 additions and 4 deletions
14
src/App.tsx
14
src/App.tsx
|
@ -13,10 +13,6 @@ import {
|
||||||
} from './lib/localStorage'
|
} from './lib/localStorage'
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
const [guesses, setGuesses] = useState<string[]>(() => {
|
|
||||||
const loaded = loadGameStateFromLocalStorage()
|
|
||||||
return loaded?.solution === solution ? loaded.guesses : []
|
|
||||||
})
|
|
||||||
const [currentGuess, setCurrentGuess] = useState('')
|
const [currentGuess, setCurrentGuess] = useState('')
|
||||||
const [isGameWon, setIsGameWon] = useState(false)
|
const [isGameWon, setIsGameWon] = useState(false)
|
||||||
const [isWinModalOpen, setIsWinModalOpen] = useState(false)
|
const [isWinModalOpen, setIsWinModalOpen] = useState(false)
|
||||||
|
@ -25,6 +21,16 @@ function App() {
|
||||||
const [isWordNotFoundAlertOpen, setIsWordNotFoundAlertOpen] = useState(false)
|
const [isWordNotFoundAlertOpen, setIsWordNotFoundAlertOpen] = useState(false)
|
||||||
const [isGameLost, setIsGameLost] = useState(false)
|
const [isGameLost, setIsGameLost] = useState(false)
|
||||||
const [shareComplete, setShareComplete] = useState(false)
|
const [shareComplete, setShareComplete] = useState(false)
|
||||||
|
const [guesses, setGuesses] = useState<string[]>(() => {
|
||||||
|
const loaded = loadGameStateFromLocalStorage()
|
||||||
|
if (loaded?.solution !== solution) {
|
||||||
|
return []
|
||||||
|
}
|
||||||
|
if (loaded.guesses.includes(solution)) {
|
||||||
|
setIsGameWon(true)
|
||||||
|
}
|
||||||
|
return loaded.guesses
|
||||||
|
})
|
||||||
|
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
saveGameStateToLocalStorage({ guesses, solution })
|
saveGameStateToLocalStorage({ guesses, solution })
|
||||||
|
|
Loading…
Add table
Reference in a new issue