fix local storage issue

This commit is contained in:
Hannah Park 2022-01-15 20:39:02 -05:00
parent b68617ef30
commit c8e415c737
2 changed files with 7 additions and 8 deletions

View file

@ -13,9 +13,10 @@ import {
} from "./lib/localStorage";
function App() {
const [guesses, setGuesses] = useState<string[]>(
loadGameStateFromLocalStorage()?.guesses || []
);
const [guesses, setGuesses] = useState<string[]>(() => {
const loaded = loadGameStateFromLocalStorage();
return loaded?.solution === solution ? loaded.guesses : [];
});
const [currentGuess, setCurrentGuess] = useState("");
const [isGameWon, setIsGameWon] = useState(false);
const [isWinModalOpen, setIsWinModalOpen] = useState(false);
@ -26,7 +27,7 @@ function App() {
const [shareComplete, setShareComplete] = useState(false);
useEffect(() => {
saveGameStateToLocalStorage(guesses);
saveGameStateToLocalStorage({ guesses, solution });
}, [guesses]);
useEffect(() => {

View file

@ -2,12 +2,10 @@ const gameStateKey = "gameState";
type StoredGameState = {
guesses: string[];
solution: string;
};
export const saveGameStateToLocalStorage = (guesses: string[]) => {
const gameState = {
guesses,
};
export const saveGameStateToLocalStorage = (gameState: StoredGameState) => {
localStorage.setItem(gameStateKey, JSON.stringify(gameState));
};