Move backups into the settings pages

Admin settings gains a super-admin Backups page at /admin/settings/backups, with restore nested at .../backups/restore. Both use SettingsShell and SettingsGroup like the other settings sub pages instead of the retired admin hero.
2026-10-19 17:37:03 +01:00
parent 53cf054d70
commit b390306166
30 changed files with 183 additions and 165 deletions
@@ -0,0 +1,52 @@
+import Button from "@moduletrace/twui/layout/Button";
+import Tag from "@moduletrace/twui/elements/Tag";
+import Row from "@moduletrace/twui/layout/Row";
+import useStatus from "@moduletrace/twui/hooks/useStatus";
+import type { DbBackup } from "@/src/types";
+import restoreBackup from "../(functions)/restore-backup";
+import { ArchiveRestore } from "lucide-react";
+
+type Props = {
+    backup: DbBackup;
+};
+
+export default function RestoreBackupButton({ backup }: Props) {
+    const { loading, setLoading, status, setStatus } = useStatus();
+
+    const restore_backup = async () => {
+        setStatus(undefined);
+        setLoading(true);
+
+        const res = await restoreBackup({ backup });
+
+        if (res.success) {
+            window.location.reload();
+            return;
+        }
+
+        setLoading(false);
+
+        if (res.msg) {
+            setStatus({ error: true, msg: res.msg });
+        }
+    };
+
+    return (
+        <Row className="gap-2! flex-nowrap justify-end">
+            {status?.error && <Tag color="error">{status.msg}</Tag>}
+            <Button
+                title="Restore Backup"
+                variant="outlined"
+                color="warning"
+                size="small"
+                beforeIcon={<ArchiveRestore size={20} />}
+                loading={loading}
+                onClick={() => {
+                    restore_backup();
+                }}
+            >
+                Restore
+            </Button>
+        </Row>
+    );
+}