Display WinModal on page load
This commit is contained in:
parent
c8e415c737
commit
217f3d8434
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