@rapidmx/web-client 0.14.1 → 0.16.0

package/apps/admin/branding/index.tsx

@@ -1,39 +1,39 @@
-///////////////////////////////////////////////////////////////////////////////
-// Copyright (C) 2026 Jean-Philippe Steinmetz
-// SPDX-License-Identifier: MPL-2.0
-///////////////////////////////////////////////////////////////////////////////
-import React, { useEffect, useState } from "react";
-import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
-import { Branding, getBranding } from "@rapidmx/react-shared/branding/brandingApi.js";
-import AdminShell, { AdminShellProps } from "../../shared/components/admin/layout/AdminShell.js";
-import BrandingForm from "../../shared/components/admin/settings/BrandingForm.js";
-import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
-
-export default function BrandingPage(props: Omit<AdminShellProps, "active">) {
-    return (
-        <AdminShell {...props} active="branding">
-            <BrandingContent />
-        </AdminShell>
-    );
-}
-
-function BrandingContent() {
-    const [branding, setBranding] = useState<Branding | null>(null);
-    const [loading, setLoading] = useState(true);
-    const [loadError, setLoadError] = useState<string | null>(null);
-
-    useEffect(() => {
-        getBranding()
-            .then(setBranding)
-            .catch((err) => setLoadError(err instanceof ApiRequestError ? err.message : "Could not load branding."))
-            .finally(() => setLoading(false));
-    }, []);
-
-    if (loading) {
-        return <p className="text-sm text-text-muted">Loading&hellip;</p>;
-    }
-    if (loadError || !branding) {
-        return <Alert>{loadError}</Alert>;
-    }
-    return <BrandingForm branding={branding} onChange={setBranding} />;
-}
+///////////////////////////////////////////////////////////////////////////////
+// Copyright (C) 2026 Jean-Philippe Steinmetz
+// SPDX-License-Identifier: MPL-2.0
+///////////////////////////////////////////////////////////////////////////////
+import React, { useEffect, useState } from "react";
+import { ApiRequestError } from "@rapidmx/react-shared/util/api.js";
+import { Branding, getBranding } from "@rapidmx/react-shared/branding/brandingApi.js";
+import AdminShell, { AdminShellProps } from "../../shared/components/admin/layout/AdminShell.js";
+import BrandingForm from "../../shared/components/admin/settings/BrandingForm.js";
+import Alert from "@rapidmx/react-shared/components/feedback/Alert.js";
+
+export default function BrandingPage(props: Omit<AdminShellProps, "active">) {
+    return (
+        <AdminShell {...props} active="branding">
+            <BrandingContent />
+        </AdminShell>
+    );
+}
+
+function BrandingContent() {
+    const [branding, setBranding] = useState<Branding | null>(null);
+    const [loading, setLoading] = useState(true);
+    const [loadError, setLoadError] = useState<string | null>(null);
+
+    useEffect(() => {
+        getBranding()
+            .then(setBranding)
+            .catch((err) => setLoadError(err instanceof ApiRequestError ? err.message : "Could not load branding."))
+            .finally(() => setLoading(false));
+    }, []);
+
+    if (loading) {
+        return <p className="text-sm text-text-muted">Loading&hellip;</p>;
+    }
+    if (loadError || !branding) {
+        return <Alert>{loadError}</Alert>;
+    }
+    return <BrandingForm branding={branding} onChange={setBranding} />;
+}