- minor improvements to painter

src/features/cameras/components/CameraGrid.tsx

@@ -12,21 +12,25 @@ const CameraGrid = () => {
     { name: "Region 3", brushColour: "#0400ff" },
   ]);
   const [selectedRegionIndex, setSelectedRegionIndex] = useState(0);
-  const [isErasing, setErasing] = useState(false);
-
+  const [mode, setMode] = useState("");
+  const [tabIndex, setTabIndex] = useState(0);
+  console.log(tabIndex);
   const updateRegionColour = (index: number, newColour: string) => {
     setRegions((prev) => prev.map((r, i) => (i === index ? { ...r, brushColour: newColour } : r)));
   };
+  console.log(mode);
   return (
     <div className="grid grid-cols-1 md:grid-cols-5 grid-rows-2">
-      <VideoFeedGridPainter regions={regions} selectedRegionIndex={selectedRegionIndex} isErasing={isErasing} />
+      <VideoFeedGridPainter regions={regions} selectedRegionIndex={selectedRegionIndex} mode={mode} />
       <CameraSettings
         regions={regions}
         selectedRegionIndex={selectedRegionIndex}
         onSelectRegion={setSelectedRegionIndex}
         onChangeRegionColour={updateRegionColour}
-        isErasing={isErasing}
-        onSelectErasing={setErasing}
+        mode={mode}
+        onSelectMode={setMode}
+        tabIndex={tabIndex}
+        setTabIndex={setTabIndex}
       />
       <PlatePatch />
     </div>