Display WinModal on page load

This commit is contained in:
gbear605 2022-01-16 19:32:19 -05:00
parent c8e415c737
commit 217f3d8434

View file

@ -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 });