From 4d3552429e3b7ce2586496a07bef2400e37a7bdd Mon Sep 17 00:00:00 2001
From: John Lu <87673068+JohnLu2004@users.noreply.github.com>
Date: Tue, 30 Jul 2024 07:25:12 -0400
Subject: [PATCH] Highlights solution (#17)

* Update page titles (#15)

* Created tabTitle to replace "Welcome to Astro."

* Replaced single Question webpages "Welcome to Astro." with exam name followed by question number

* changed tab title for auto generated quesitons tabs

* Replaced solution tab's title with "Solution"

* fixed all issues that had \ sticking out of them as well as rendering algorithms (#21)

* Updated Home Page to be somewhat presentable (#22)

* Highlights with less changes

* hovering over solution webpage does not darken buttons

* Delete index.md (#24)
---
 src/components/Evaluation/Evaluation.astro                   | 2 +-
 .../MultipleChoiceQuestionOption.astro                       | 3 ++-
 .../MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss | 5 +++--
 src/pages/questions/[...path].astro                          | 2 +-
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/Evaluation/Evaluation.astro b/src/components/Evaluation/Evaluation.astro
index 805ff4f8..aa002ce5 100644
--- a/src/components/Evaluation/Evaluation.astro
+++ b/src/components/Evaluation/Evaluation.astro
@@ -103,7 +103,7 @@ const sortedQuestionData = multipleChoiceQuestionData.sort(
   {
     sortedQuestionData.map((data: QuestionData, index: number) => (
       <div class="Evaluation__question">
-        <Question question={data.question} index={index} />
+        <Question question={data.question} index={index} interactive={true} />
         {includeLinks && (
           <div class="Evaluation__questionLinks">
             <a href={`/questions/${data.links.question}`}>
diff --git a/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.astro b/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.astro
index 7cc25054..61160978 100644
--- a/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.astro
+++ b/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.astro
@@ -10,7 +10,8 @@ const letterOptions = ["a", "b", "c", "d", "e"];
   class={`MultipleChoiceQuestionOption`}
   data-correct={option.correct ? "true" : "false"}
   data-selected="false"
-  data-revealed="false"
+  data-revealed={interactive ? "false" : "true"}
+  data-interactive={interactive ? "true" : "false"}
 >
   <div class="MultipleChoiceQuestionOption__letter">
     ({letterOptions[optionIndex]})
diff --git a/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss b/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss
index e00921fb..40948d0a 100644
--- a/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss
+++ b/src/components/MultipleChoiceQuestion/MultipleChoiceQuestionOption.scss
@@ -15,8 +15,9 @@
   }
 
   &:hover {
-    background-color: #ededed;
-
+    &[data-interactive="true"] {
+      background-color: #ededed;
+    }
     &[data-selected="false"] {
       cursor: pointer;
     }
diff --git a/src/pages/questions/[...path].astro b/src/pages/questions/[...path].astro
index d39202cd..9366aa67 100644
--- a/src/pages/questions/[...path].astro
+++ b/src/pages/questions/[...path].astro
@@ -56,7 +56,7 @@ const title = formatString(path);
   </div>
   <h1>{title}</h1>
   <Content />
-  <MultipleChoiceQuestion question={question} interactive={false} />
+  <MultipleChoiceQuestion question={question} interactive={true} />
   <div class="Question__buttons">
     <a href={`/questions/solution/${path}`}
       ><Button