refactor(QuizWidget): move prop object destructuring to declaration

Author: TylerAPfledderer

src/components/Quiz/QuizWidget/QuizButtonGroup.tsx

@@ -22,24 +22,22 @@ export type QuizButtonGroupProps = {
   handleSubmitAnswer: (questionId: string, answerChoice: AnswerChoice) => void
 }
 
-export const QuizButtonGroup = (props: QuizButtonGroupProps) => {
-  const {
-    showAnswer,
-    showResults,
-    quizScore,
-    questions,
-    handleReset,
-    currentQuestionIndex,
-    currentQuestionAnswerChoice,
-    finishedQuiz,
-    handleRetryQuestion,
-    handleShare,
-    handleNextQuiz,
-    hasNextQuiz,
-    handleContinue,
-    handleSubmitAnswer,
-  } = props
-
+export const QuizButtonGroup = ({
+  showAnswer,
+  showResults,
+  quizScore,
+  questions,
+  handleReset,
+  currentQuestionIndex,
+  currentQuestionAnswerChoice,
+  finishedQuiz,
+  handleRetryQuestion,
+  handleShare,
+  handleNextQuiz,
+  hasNextQuiz,
+  handleContinue,
+  handleSubmitAnswer,
+}: QuizButtonGroupProps) => {
   const hasFailedAnswer =
     currentQuestionAnswerChoice && !currentQuestionAnswerChoice.isCorrect
 

src/components/Quiz/QuizWidget/QuizContent.tsx

@@ -23,19 +23,17 @@ export type QuizContentProps = {
   >
 }
 
-export const QuizContent = (props: QuizContentProps) => {
-  const {
-    showAnswer,
-    isCurrentQuestionCorrect,
-    questions,
-    title,
-    progressBarBackground,
-    showResults,
-    quizSummaryProps,
-    currentQuestionIndex,
-    quizRadioGroupProps,
-  } = props
-
+export const QuizContent = ({
+  showAnswer,
+  isCurrentQuestionCorrect,
+  questions,
+  title,
+  progressBarBackground,
+  showResults,
+  quizSummaryProps,
+  currentQuestionIndex,
+  quizRadioGroupProps,
+}: QuizContentProps) => {
   const getTitleTextColor = (): TextProps["color"] => {
     if (showAnswer) {
       return isCurrentQuestionCorrect ? "success.base" : "fail.base"