TobaOjo/Mav-Mobile-UI
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

added loading state for camera form

Browse Source
This commit is contained in:
Toba Ojo
2025-09-29 15:55:25 +01:00
parent ea6590b9f5
commit 369ff3e17e
1 changed files with 8 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
src/components/CameraSettings/CameraSettings.tsx
View File

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