refactor: add helper functions for quizzes

Author: 0xChin

components/mdx/Quiz.tsx

@@ -12,7 +12,11 @@ import {
   ModalCloseButton,
   useToast,
 } from '@chakra-ui/react'
-import React, { FC, useEffect, useState } from 'react'
+import React, { FC, useState } from 'react'
+import {
+  getCorrectAnswersIndexes,
+  haveSameElements,
+} from '../../utils/QuizHelpers'
 
 interface QuizProps {
   quiz: string
@@ -131,32 +135,24 @@ const Quiz: FC<QuizProps> = (props: QuizProps) => {
       return quizNotAnswered()
     }
 
-    let hasWrongAnswers = false
     let wrongAnswersCounter = 0
 
     const newCorrectAnswers: number[] = []
 
-    quiz.questions.forEach((q, index) => {
-      let correctAnswersIndexes = q.options
-        .filter((option) => option.correct)
-        .map((correctOption) => q.options.indexOf(correctOption))
+    quiz.questions.forEach((question, index) => {
+      let correctAnswersIndexes = getCorrectAnswersIndexes(question)
 
-      for (let i = 0; i < answers[index].length; i++) {
-        if (answers[index].length >= 2)
-          answers[index] = answers[index].sort((a, b) => a - b)
-        if (correctAnswersIndexes[i] !== answers[index][i]) {
-          hasWrongAnswers = true
-          wrongAnswersCounter++
-          return
-        }
+      if (!haveSameElements(answers[index], correctAnswersIndexes)) {
+        wrongAnswersCounter++
+        return
       }
 
       newCorrectAnswers.push(index)
     })
 
     setCorrectAnswers(newCorrectAnswers)
 
-    if (hasWrongAnswers) {
+    if (wrongAnswersCounter >= 1) {
       return quizFailedToast(wrongAnswersCounter)
     }
 

utils/QuizHelpers.ts

@@ -0,0 +1,29 @@
+interface Question {
+  question: string
+  options: [
+    {
+      answer: string
+      correct?: boolean
+    },
+  ]
+}
+
+export function getCorrectAnswersIndexes(question: Question): number[] {
+  return question.options
+    .filter((option) => option.correct)
+    .map((correctOption) => question.options.indexOf(correctOption))
+}
+
+export function haveSameElements(arr1: number[], arr2: number[]): boolean {
+  if (arr1.length !== arr2.length) {
+    return false
+  }
+  let arr1Sorted = arr1.sort()
+  let arr2Sorted = arr2.sort()
+  for (let i = 0; i < arr1Sorted.length; i++) {
+    if (arr1Sorted[i] !== arr2Sorted[i]) {
+      return false
+    }
+  }
+  return true
+}