@rapidmx/web-client 0.4.0 → 0.6.0

package/apps/shared/components/admin/settings/MailboxPolicyForm.tsx

@@ -2,7 +2,7 @@
 // Copyright (C) 2026 Jean-Philippe Steinmetz
 // SPDX-License-Identifier: MPL-2.0
 ///////////////////////////////////////////////////////////////////////////////
-import React, { FormEvent, useState } from "react";
+import React, { FormEvent, useEffect, useState } from "react";
 import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
 import { MailboxPolicy, updateMailboxPolicy } from "@rapidmx/react-shared/admin/mailboxPolicyApi.js";
 import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
@@ -13,17 +13,27 @@ const INPUT_CLASS =
 
 const GB = 1_000_000_000;
 
+/** Unrounded, so a quota that isn't a whole number of hundredths of a GB (say 4 MB) is shown as it is. */
 function toGb(bytes: number): string {
-    return String(Math.round((bytes / GB) * 100) / 100);
+    return String(bytes / GB);
+}
+
+/** The form's values as they were loaded or last saved. */
+interface Baseline {
+    defaultQuotaGb: string;
+    autoProvisionEnabled: boolean;
+    autoProvisionQuotaGb: string;
 }
 
 export interface MailboxPolicyFormProps {
     policy: MailboxPolicy;
     onChange: (policy: MailboxPolicy) => void;
+    /** Told whether the form has edits that haven't been saved. */
+    onDirtyChange?: (dirty: boolean) => void;
 }
 
 /** The mailbox defaults editor, shared by the Mailbox Policy page and the setup wizard. */
-export default function MailboxPolicyForm({ policy, onChange }: MailboxPolicyFormProps) {
+export default function MailboxPolicyForm({ policy, onChange, onDirtyChange }: MailboxPolicyFormProps) {
     const [defaultQuotaGb, setDefaultQuotaGb] = useState(toGb(policy.defaultQuotaBytes));
     const [autoProvisionEnabled, setAutoProvisionEnabled] = useState(policy.autoProvisionEnabled);
     const [autoProvisionQuotaGb, setAutoProvisionQuotaGb] = useState(toGb(policy.autoProvisionQuotaBytes));
@@ -31,24 +41,47 @@ export default function MailboxPolicyForm({ policy, onChange }: MailboxPolicyFor
     const [saving, setSaving] = useState(false);
     const [saved, setSaved] = useState(false);
 
+    // Edits are unsaved until they match what was loaded or last saved.
+    const [baseline, setBaseline] = useState<Baseline>({ defaultQuotaGb, autoProvisionEnabled, autoProvisionQuotaGb });
+    const dirty: boolean =
+        defaultQuotaGb !== baseline.defaultQuotaGb ||
+        autoProvisionEnabled !== baseline.autoProvisionEnabled ||
+        autoProvisionQuotaGb !== baseline.autoProvisionQuotaGb;
+    useEffect(() => onDirtyChange?.(dirty), [dirty]);
+
     async function handleSubmit(e: FormEvent) {
         e.preventDefault();
         setError(null);
         setSaved(false);
-        const defaultQuota = Number(defaultQuotaGb);
-        const autoQuota = Number(autoProvisionQuotaGb);
-        if (!(defaultQuota > 0) || !(autoQuota > 0)) {
-            setError("Quotas must be more than 0 GB.");
+        // Only fields the administrator changed are sent, so a quota left alone keeps its exact stored bytes.
+        const patch: Partial<MailboxPolicy> = {};
+        for (const [field, text, base] of [
+            ["defaultQuotaBytes", defaultQuotaGb, baseline.defaultQuotaGb],
+            ["autoProvisionQuotaBytes", autoProvisionQuotaGb, baseline.autoProvisionQuotaGb],
+        ] as const) {
+            if (text === base) {
+                continue;
+            }
+            const bytes: number = Math.round(Number(text) * GB);
+            if (!(bytes >= 1)) {
+                setError("Quotas must be more than 0 GB.");
+                return;
+            }
+            patch[field] = bytes;
+        }
+        if (autoProvisionEnabled !== baseline.autoProvisionEnabled) {
+            patch.autoProvisionEnabled = autoProvisionEnabled;
+        }
+        const current: Baseline = { defaultQuotaGb, autoProvisionEnabled, autoProvisionQuotaGb };
+        if (Object.keys(patch).length === 0) {
+            setSaved(true);
             return;
         }
         setSaving(true);
         try {
-            const updated = await updateMailboxPolicy({
-                defaultQuotaBytes: Math.round(defaultQuota * GB),
-                autoProvisionEnabled,
-                autoProvisionQuotaBytes: Math.round(autoQuota * GB),
-            });
+            const updated = await updateMailboxPolicy(patch);
             onChange(updated);
+            setBaseline(current);
             setSaved(true);
         } catch (err) {
             setError(err instanceof ApiRequestError ? err.message : "Could not save the mailbox policy.");