refactored system settings

src/components/CameraSettings/CameraSettingFields.tsx

@@ -3,7 +3,6 @@ import type {
   CameraSettingErrorValues,
   CameraSettingValues,
 } from "../../types/types";
-import { toast } from "sonner";
 
 const CameraSettingFields = ({ initialData, updateCameraConfig }) => {
   const initialValues: CameraSettingValues = {
@@ -16,9 +15,6 @@ const CameraSettingFields = ({ initialData, updateCameraConfig }) => {
 
   const validateValues = (values: CameraSettingValues) => {
     const errors: CameraSettingErrorValues = {};
-    // if (Object.keys(errors).length === 0) {
-    //   toast.error("Please fill in required fields");
-    // }
     if (!values.friendlyName) errors.friendlyName = "Required";
     if (!values.cameraAddress) errors.cameraAddress = "Required";
     if (!values.userName) errors.userName = "Required";
@@ -28,9 +24,8 @@ const CameraSettingFields = ({ initialData, updateCameraConfig }) => {
   };
 
   const handleSubmit = (values: CameraSettingValues) => {
-    // post values to endpoint
     updateCameraConfig(values);
-    toast("Settings Saved");
+    return;
   };
 
   return (

src/components/CameraSettings/CameraSettings.tsx

@@ -5,9 +5,14 @@ import CameraSettingFields from "./CameraSettingFields";
 import { faWrench } from "@fortawesome/free-solid-svg-icons";
 
 const CameraSettings = ({ title, side }: { title: string; side: string }) => {
-  const { data, isError, isPending, updateCameraConfig } =
-    useFetchCameraConfig(side);
-
+  const {
+    data,
+    isError,
+    isPending,
+    updateCameraConfig,
+    updateCameraConfigError,
+  } = useFetchCameraConfig(side);
+  console.log(updateCameraConfigError);
   return (
     <Card>
       {isError && <>Cannot Fetch camera config</>}