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"; } from "./lib/localStorage";
function App() { function App() {
const [guesses, setGuesses] = useState<string[]>( const [guesses, setGuesses] = useState<string[]>(() => {
loadGameStateFromLocalStorage()?.guesses || [] 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);
@ -26,7 +27,7 @@ function App() {
const [shareComplete, setShareComplete] = useState(false); const [shareComplete, setShareComplete] = useState(false);
useEffect(() => { useEffect(() => {
saveGameStateToLocalStorage(guesses); saveGameStateToLocalStorage({ guesses, solution });
}, [guesses]); }, [guesses]);
useEffect(() => { useEffect(() => {

View file

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