- Disabled camera settings form

- updated Config payload to update RSTP

src/components/CameraSettings/CameraSettingFields.tsx

@@ -104,7 +104,7 @@ const CameraSettingFields = ({
       validateOnChange={false}
       enableReinitialize
     >
-      {({ errors, touched, isSubmitting }) => (
+      {({ errors, touched }) => (
         <Form className="flex flex-col space-y-6 p-2">
           <div className="flex flex-col space-y-2 relative">
             <label htmlFor="friendlyName">Name</label>
@@ -119,6 +119,7 @@ const CameraSettingFields = ({
               type="text"
               className="p-2 border border-gray-400 rounded-lg"
               placeholder="Enter camera name"
+              disabled
             />
           </div>
 
@@ -135,7 +136,7 @@ const CameraSettingFields = ({
               type="text"
               className="p-2 border border-gray-400 rounded-lg"
               placeholder="RTSP://..."
-              autoComplete="street-address"
+              disabled
             />
           </div>
 
@@ -153,6 +154,7 @@ const CameraSettingFields = ({
               className="p-2 border border-gray-400 rounded-lg"
               placeholder="Enter user name"
               autoComplete="username"
+              disabled
             />
           </div>
 
@@ -170,7 +172,7 @@ const CameraSettingFields = ({
                 type={showPwd ? "text" : "password"}
                 className="p-2 border border-gray-400 rounded-lg w-full "
                 placeholder="Enter password"
-                autoComplete="new-password"
+                disabled
               />
               <FontAwesomeIcon
                 type="button"
@@ -207,15 +209,20 @@ const CameraSettingFields = ({
             </div>
             <div className="mt-3">
               {updateCameraConfigError ? (
-                <button className="bg-red-500 text-white rounded-lg p-2 mx-auto h-[100%] w-full">
+                <button
+                  className="bg-red-500 text-white rounded-lg p-2 mx-auto h-[100%] w-full"
+                  disabled
+                >
                   Retry
                 </button>
               ) : (
                 <button
                   type="submit"
-                  className="bg-[#26B170] text-white rounded-lg p-2 mx-auto h-[100%] w-full"
+                  className="bg-blue-700 text-white rounded-lg p-2 mx-auto h-[100%] w-full"
+                  disabled
                 >
-                  {isSubmitting ? "Saving" : "Save settings"}
+                  {/* {isSubmitting ? "Saving" : "Save settings"} bg-[#26B170] */}
+                  {"Disabled: Coming soon"}
                 </button>
               )}
             </div>