- implemented isolated colouring depending on camera

src/features/cameras/components/CameraSettings/CameraPanel.tsx

@@ -7,24 +7,25 @@ type CameraPanelProps = {
 
 const CameraPanel = ({ tabIndex }: CameraPanelProps) => {
   const { dispatch } = useCameraFeedContext();
-  const mapIndextoCameraId = () => {
-    switch (tabIndex) {
-      case 1:
-        return "A";
-      case 2:
-        return "B";
-      case 3:
-        return "C";
-      default:
-        return null;
-    }
-  };
 
   useEffect(() => {
-    const cameraId = mapIndextoCameraId();
+    const mapIndextoCameraId = () => {
+      switch (tabIndex) {
+        case 1:
+          return "A";
+        case 2:
+          return "B";
+        case 3:
+          return "C";
+        default:
+          return null;
+      }
+    };
 
+    const cameraId = mapIndextoCameraId();
+    console.log(cameraId);
     dispatch({ type: "SET_CAMERA_FEED", payload: cameraId });
-  }, [tabIndex]);
+  }, [dispatch, tabIndex]);
 
   return <div>CameraPanel</div>;
 };