code fixes and adding modal

src/components/CameraSettings/CameraSettingFields.tsx

@@ -5,13 +5,13 @@ import type {
 } from "../../types/types";
 import { toast } from "sonner";
 
-const CameraSettingFields = () => {
+const CameraSettingFields = ({ initialData, updateCameraConfig }) => {
   const initialValues: CameraSettingValues = {
-    friendlyName: "",
+    friendlyName: initialData?.propLEDDriverControlURI?.value,
     cameraAddress: "",
     userName: "",
     password: "",
-    setupCamera: 1,
+    id: initialData?.id,
   };
 
   const validateValues = (values: CameraSettingValues) => {
@@ -29,7 +29,7 @@ const CameraSettingFields = () => {
 
   const handleSubmit = (values: CameraSettingValues) => {
     // post values to endpoint
-    console.log(values);
+    updateCameraConfig(values);
     toast("Settings Saved");
   };