disable unless dirty

rajku-dev · Jan 8, 2025 · 27e1e0d · 27e1e0d
1 parent 2f7d401
commit 27e1e0d
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 4 deletions.
diff --git a/src/components/Encounter/CreateEncounterForm.tsx b/src/components/Encounter/CreateEncounterForm.tsx
@@ -319,7 +319,11 @@ export default function CreateEncounterForm({
               }}
             />
 
-            <Button type="submit" className="w-full" disabled={isPending}>
+            <Button
+              type="submit"
+              className="w-full"
+              disabled={isPending || !form.formState.isDirty}
+            >
               {isPending ? "Creating..." : "Create Encounter"}
             </Button>
           </form>

diff --git a/src/components/Facility/CreateFacilityForm.tsx b/src/components/Facility/CreateFacilityForm.tsx
@@ -418,7 +418,11 @@ export default function CreateFacilityForm({
           )}
         </div>
 
-        <Button type="submit" className="w-full" disabled={isPending}>
+        <Button
+          type="submit"
+          className="w-full"
+          disabled={isPending || !form.formState.isDirty}
+        >
           {isPending ? (
             <>
               <CareIcon

diff --git a/src/components/Facility/FacilityCreate.tsx b/src/components/Facility/FacilityCreate.tsx
@@ -503,7 +503,11 @@ export const FacilityCreate = (props: FacilityProps) => {
                 >
                   {t("cancel")}
                 </Button>
-                <Button variant="primary" type="submit" disabled={isLoading}>
+                <Button
+                  variant="primary"
+                  type="submit"
+                  disabled={isLoading || !form.formState.isDirty}
+                >
                   {isLoading ? (
                     <Loading />
                   ) : facilityId ? (

diff --git a/src/components/Schedule/ScheduleExceptionForm.tsx b/src/components/Schedule/ScheduleExceptionForm.tsx
@@ -252,7 +252,11 @@ export default function ScheduleExceptionForm({ user, onRefresh }: Props) {
                       Cancel
                     </Button>
                   </SheetClose>
-                  <Button variant="primary" type="submit" disabled={isPending}>
+                  <Button
+                    variant="primary"
+                    type="submit"
+                    disabled={isPending || !form.formState.isDirty}
+                  >
                     Confirm Unavailability
                   </Button>
                 </SheetFooter>