Minor Changes

web-app/frontend/src/components/activities/mentalChronometryEval/coding/CodingContainer.jsx

@@ -141,11 +141,7 @@ const CodingContainer = () => {
 
     let message = { image: image };
     sigCanvas.current.clear();
-    await axios
-      .post(
-        "http://127.0.0.1:5000/predicthanddrwnshapes",
-        JSON.stringify(message)
-      )
+    await API.post("predicthanddrwnshapes", JSON.stringify(message))
       .then((res) => {
         letterPatternANswers.push(res.data.prediction);
         console.log(letterPatternANswers);

web-app/frontend/src/components/activities/mentalChronometryEval/letterPattern/LetterPatternContainer.jsx

@@ -107,8 +107,7 @@ const LetterPatternContainer = ({ nextActivity }) => {
 
     let message = { image: image };
     sigCanvas.current.clear();
-    await axios
-      .post("http://127.0.0.1:5000/predictletters", JSON.stringify(message))
+    await API.post("predictletters", JSON.stringify(message))
       .then((res) => {
         letterPatternANswers.push(res.data.prediction);
         console.log(letterPatternANswers);
@@ -168,7 +167,6 @@ const LetterPatternContainer = ({ nextActivity }) => {
                 <SignaturePad
                   backgroundColor="white"
                   ref={sigCanvas}
-                 
                   canvasProps={{
                     className: "border-2 border-black w-full h-full m-auto",
                   }}

web-app/frontend/src/components/activities/mentalChronometryEval/letterPattern/LetterPatternDrawingPad.jsx

@@ -2,6 +2,7 @@ import React, { useState, useRef } from "react";
 import axios from "axios";
 import "./LetterPatternDrawingPad.css";
 import SignaturePad from "react-signature-canvas";
+import API from "../../../../config/api";
 
 const LetterPatternDrawingPad = () => {
   const sigCanvas = useRef({});
@@ -23,8 +24,7 @@ const LetterPatternDrawingPad = () => {
     let message = { image: image };
     console.log(image);
 
-    await axios
-      .post("http://127.0.0.1:5000/predictletters", JSON.stringify(message))
+    await API.post("predictletters", JSON.stringify(message))
       .then((res) => {
         alert(res.data.prediction);
         console.log(res);

web-app/frontend/src/components/activities/mentalChronometryEval/pairCancerlation/PairCancerlationContainer.jsx

 import React, { useState, useEffect } from "react";
 import ReactCrop from "react-image-crop";
 import "react-image-crop/dist/ReactCrop.css";
+import API from "../../../../config/api";
 import PCB1 from "./img/PCB1.png";
 import PCB2 from "./img/PCB2.png";
 import PCB3 from "./img/PCB3.png";
@@ -109,11 +110,7 @@ const PairCancerlationContainer = () => {
 
       let message = { image: imagetoPred };
 
-      await axios
-        .post(
-          "http://127.0.0.1:5000/predictShapePattern",
-          JSON.stringify(message)
-        )
+      await API.post("predictShapePattern", JSON.stringify(message))
         .then((res) => {
           for (let i = 0; i < res.data.prediction.length; i++) {
             predResult.push(res.data.prediction);