From 369ff3e17e2be65b9ebd19e94a0a9ff96fb6a0dd Mon Sep 17 00:00:00 2001
From: Toba Ojo <toba.ojo@mav-systems.com>
Date: Mon, 29 Sep 2025 15:55:25 +0100
Subject: [PATCH] added loading state for camera form

---
 src/components/CameraSettings/CameraSettings.tsx | 15 ++++++++-------
 1 file changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/CameraSettings/CameraSettings.tsx b/src/components/CameraSettings/CameraSettings.tsx
index 3a7ac69..1c3cb9b 100644
--- a/src/components/CameraSettings/CameraSettings.tsx
+++ b/src/components/CameraSettings/CameraSettings.tsx
@@ -18,19 +18,20 @@ const CameraSettings = ({
 }) => {
   const { data, isError, isPending, updateCameraConfig } =
     useFetchCameraConfig(side);
-
   return (
     <Card className="overflow-hidden min-h-[40vh] md:min-h-[60vh] max-h-[80vh] lg:w-[40%] p-4">
       {isPending && <>Loading camera config</>}
       {isError && <>Error fetching camera config</>}
       <div className="relative flex flex-col space-y-3">
         <CardHeader title={title} icon={faWrench} />
-        <CameraSettingFields
-          initialData={data}
-          updateCameraConfig={updateCameraConfig}
-          zoomLevel={zoomLevel}
-          onZoomLevelChange={onZoomLevelChange}
-        />
+        {!isPending && (
+          <CameraSettingFields
+            initialData={data}
+            updateCameraConfig={updateCameraConfig}
+            zoomLevel={zoomLevel}
+            onZoomLevelChange={onZoomLevelChange}
+          />
+        )}
       </div>
     </Card>
   );