Adding Monaco Circuit image

Author: aleon2020

exercises/static/exercises/follow_line/react-components/WebGUI.js

@@ -12,6 +12,7 @@ import defaultCircuit from "../resources/images/default_circuit.png";
 import montmeloCircuit from "../resources/images/montmelo_circuit.png";
 import montrealCircuit from "../resources/images/montreal_circuit.png";
 import ngbCircuit from "../resources/images/ngb_circuit.png";
+import monacoCircuit from "../resources/images/monaco_circuit.png"
 
 const WebGUI = () => {
   const exerciseContext = useExercise();
@@ -51,6 +52,10 @@ const WebGUI = () => {
         circuitName = "ngb";
         setCircuitImg(ngbCircuit);
         break;
+      case "Monaco Circuit":
+        circuitName = "monaco";
+        setCircuitImg(monacoCircuit);
+        break;
       case "Simple Ackermann Circuit":
         circuitName = "default ack";
         setCircuitImg(defaultCircuit);
@@ -67,6 +72,10 @@ const WebGUI = () => {
         circuitName = "ngb ack";
         setCircuitImg(ngbCircuit);
         break;
+      case "Monaco Ackermann Circuit":
+        circuitName = "monaco ack";
+        setCircuitImg(monacoCircuit);
+        break;
     }
   };
 

exercises/static/exercises/follow_line/react-components/helpers/showCarPositionFollowLine.js

@@ -30,6 +30,10 @@ export const getCarPose = (circuit, position) => {
       scaleY = 1.5; offsetY = 77
 			scaleX = -1.495; offsetX = 151
       break;
+    case "monaco":
+      scaleY = 1.25; offsetY = 77
+			scaleX = -2.6; offsetX = 151
+      break;
     default:
       scaleY = 1.25; offsetY = 77
 			scaleX = -2.6; offsetX = 151