fix: handling saved results in local storage

initialize "completed" to empty object, and add score fallback if not yet taken

Author: wackerow

src/components/Quiz/QuizWidget/useQuizWidget.tsx

@@ -108,7 +108,9 @@ export const useQuizWidget = ({
     if (!showResults) return
 
     updateUserStats((prevStats) => {
-      const lastScore = prevStats.completed[quizKey][1]
+      const { completed } = prevStats
+      const hasResultsSaved = !!completed[quizKey]
+      const lastScore = hasResultsSaved ? prevStats.completed[quizKey][1] : 0
 
       if (numberOfCorrectAnswers < lastScore) return prevStats
 

src/components/Quiz/useLocalQuizData.ts

@@ -6,19 +6,10 @@ import { USER_STATS_KEY } from "@/lib/constants"
 
 import { useLocalStorage } from "@/hooks/useLocalStorage"
 
-/**
- * Contains each quiz id as key and <boolean, number> to indicate if its completed and the highest score in that quiz
- *
- * Initialize all quizzes as not completed
- */
-const INITIAL_COMPLETED_QUIZZES: CompletedQuizzes = Object.keys(
-  allQuizzesData
-).reduce((object, key) => ({ ...object, [key]: [false, 0] }), {})
-
 export const INITIAL_USER_STATS: UserStats = {
   score: 0,
   average: [],
-  completed: INITIAL_COMPLETED_QUIZZES,
+  completed: {},
 }
 
 export const useLocalQuizData = () => {