Fixed exercise order #42

uclaacm · Oct 10, 2023 · a948109 · a948109
1 parent c8feb36
commit a948109
Show file tree

Hide file tree

Showing 3 changed files with 6,742 additions and 6,912 deletions.
diff --git a/src/components/shared/ExerciseSide.tsx b/src/components/shared/ExerciseSide.tsx
@@ -19,7 +19,12 @@ function ExerciseSide({ incrementExercise }: ExerciseSideProps): JSX.Element {
   const [completeExercises, setCompleteExercises] = useState(0);
   type availableExercises = 'axis' | 'congrats' | 'circle' | 'graph';
 
-  const exercises: availableExercises[] = ['axis', 'circle', 'graph', 'congrats'];
+  const exercises: availableExercises[] = [
+    'axis',
+    'graph',
+    'circle',
+    'congrats',
+  ];
   let curExercise;
 
   if (exercises[completeExercises] == 'graph') {
@@ -126,11 +131,13 @@ function ExerciseSide({ incrementExercise }: ExerciseSideProps): JSX.Element {
     );
   } else if (exercises[completeExercises] === 'circle') {
     curExercise = (
-      <UnitCircleExercise
-        turtleAngle={1}
-        markers={['A', '', 'B']}
-        labels={['B', 'C', 'D']}
-      />
+      <div>
+        <UnitCircleExercise
+          turtleAngle={1}
+          markers={['A', '', 'B']}
+          labels={['B', 'C', 'D']}
+        />
+      </div>
     );
   }
 

diff --git a/src/components/shared/Exercises/UnitCircleInput.tsx b/src/components/shared/Exercises/UnitCircleInput.tsx
@@ -5,12 +5,10 @@ function UnitCircleInput(): JSX.Element {
   return (
     <div id="unitcircle-question-container">
       <div id="unitcircle-check-question">
-      Type the correct numbers into the blanks below!
+        Type the correct numbers into the blanks below!
       </div>
-
-
+
       <div id="unitcircle-check-question">
-
         {' '}
         <i>A</i> = left
         <input
@@ -19,27 +17,26 @@ function UnitCircleInput(): JSX.Element {
           //onChange={handleChange}
           //value={inputText[id]}
         />
-
-      <p>
-        {' '}
-        <i>B</i> = right
-        <input
-          type="text"
-          className="unitcircle-check-box"
-          //onChange={handleChange}
-          //value={inputText[id]}
-        />
-      </p>
-      <p>
-        {' '}
-        <i>C</i> = right
-        <input
-          type="text"
-          className="unitcircle-check-box"
-          //onChange={handleChange}
-          //value={inputText[id]}
-        />
-      </p>
+        <p>
+          {' '}
+          <i>B</i> = right
+          <input
+            type="text"
+            className="unitcircle-check-box"
+            //onChange={handleChange}
+            //value={inputText[id]}
+          />
+        </p>
+        <p>
+          {' '}
+          <i>C</i> = right
+          <input
+            type="text"
+            className="unitcircle-check-box"
+            //onChange={handleChange}
+            //value={inputText[id]}
+          />
+        </p>
       </div>
     </div>
   );