Merge branch 'feat/progress-page' of github.com:hicsail/intact-app in…

…to feat/progress-page

merging from remote branch

src/components/VisualPairsMemorize.tsx

@@ -39,12 +39,12 @@ export const VisualPairsMemorize: FC<ChoiceReactionTimeMemorizeProps> = ({
           <Grid
             item
             component="img"
-            src={`../src/assets/visual-pair/${imageGroupList[pairIdx]}${idxPairs[pairIdx][0]}.jpg`}
+            src={`/assets/visual-pair/${imageGroupList[pairIdx]}${idxPairs[pairIdx][0]}.jpg`}
           />
           <Grid
             item
             component="img"
-            src={`../src/assets/visual-pair/${imageGroupList[pairIdx]}${idxPairs[pairIdx][1]}.jpg`}
+            src={`/assets/visual-pair/${imageGroupList[pairIdx]}${idxPairs[pairIdx][1]}.jpg`}
           />
         </Grid>
       )}

src/components/VisualPairsRecall.tsx

@@ -28,15 +28,15 @@ export const VisualPairsRecall: FC<VisualPairsRecallProps> = ({ imageTheme, refe
             <Box
               component="img"
               height={uiConfig.imageHeight - 2 * 3}
-              src={`../src/assets/visual-pair/${imageTheme}${reference}.jpg`}
+              src={`/assets/visual-pair/${imageTheme}${reference}.jpg`}
               border="3px solid red"
             />
           </Grid>
           <Grid item>
             <Box
               component="img"
               height={uiConfig.imageHeight}
-              src={`../src/assets/visual-pair/${imageTheme}${options[0]}.jpg`}
+              src={`/assets/visual-pair/${imageTheme}${options[0]}.jpg`}
               onClick={() => submitHandler(options[0])}
             />
           </Grid>
@@ -47,7 +47,7 @@ export const VisualPairsRecall: FC<VisualPairsRecallProps> = ({ imageTheme, refe
               <Box
                 component="img"
                 height={uiConfig.imageHeight}
-                src={`../src/assets/visual-pair/${imageTheme}${option}.jpg`}
+                src={`/assets/visual-pair/${imageTheme}${option}.jpg`}
                 onClick={() => submitHandler(option)}
               />
             </Grid>
@@ -59,7 +59,7 @@ export const VisualPairsRecall: FC<VisualPairsRecallProps> = ({ imageTheme, refe
               <Box
                 component="img"
                 height={uiConfig.imageHeight}
-                src={`../src/assets/visual-pair/${imageTheme}${option}.jpg`}
+                src={`/assets/visual-pair/${imageTheme}${option}.jpg`}
                 onClick={() => submitHandler(option)}
               />
             </Grid>

src/config/testConfig.ts

@@ -1,12 +1,12 @@
-import symbol1 from "../assets/digit-symbol/1.gif";
-import symbol2 from "../assets/digit-symbol/2.gif";
-import symbol3 from "../assets/digit-symbol/3.gif";
-import symbol4 from "../assets/digit-symbol/4.gif";
-import symbol5 from "../assets/digit-symbol/5.gif";
-import symbol6 from "../assets/digit-symbol/6.gif";
-import symbol7 from "../assets/digit-symbol/7.gif";
-import symbol8 from "../assets/digit-symbol/8.gif";
-import symbol9 from "../assets/digit-symbol/9.gif";
+import symbol1 from "/assets/digit-symbol/1.gif";
+import symbol2 from "/assets/digit-symbol/2.gif";
+import symbol3 from "/assets/digit-symbol/3.gif";
+import symbol4 from "/assets/digit-symbol/4.gif";
+import symbol5 from "/assets/digit-symbol/5.gif";
+import symbol6 from "/assets/digit-symbol/6.gif";
+import symbol7 from "/assets/digit-symbol/7.gif";
+import symbol8 from "/assets/digit-symbol/8.gif";
+import symbol9 from "/assets/digit-symbol/9.gif";
 
 export const generalConfig = {
   digitSymbolConfig: 5, // Number of questions