feat: adding system settings page. And did some refactoring.

2026-07-14 11:16:13 +02:00 · 2026-01-17 22:26:44 +01:00
parent e63e62d3e0
commit 5b980fb382
24 changed files with 238 additions and 161 deletions
@@ -0,0 +1,77 @@
+"use client";
+import {ButtonWithConfirm} from "@/components/wrappers/common/button/button-with-confirm";
+import {deleteOrganizationAction} from "@/components/wrappers/dashboard/organization/organization.action";
+import {useMutation} from "@tanstack/react-query";
+import {useRouter} from "next/navigation";
+import {toast} from "sonner";
+import {authClient} from "@/lib/auth/auth-client";
+import {Trash2} from "lucide-react";
+import {useIsMobile} from "@/hooks/use-mobile";
+
+export type DeleteOrganizationButtonProps = {
+    organizationSlug: string;
+};
+
+export const DeleteOrganizationButton = (props: DeleteOrganizationButtonProps) => {
+    const router = useRouter();
+    const isMobile = useIsMobile();
+    const {data: organizations, refetch} = authClient.useListOrganizations();
+
+    const mutation = useMutation({
+        mutationFn: () => deleteOrganizationAction({slug: props.organizationSlug}),
+
+        onSuccess: async (result) => {
+            if (result?.data?.success) {
+                await authClient.organization.setActive({
+                    organizationSlug: "default",
+                });
+                toast.success(result.data.actionSuccess?.message || "Organization deleted.");
+                router.refresh()
+                refetch()
+                router.push("/");
+            } else {
+                // @ts-ignore
+                const errorMsg = result?.data?.actionError?.message || result?.data?.actionError?.messageParams?.message || "Failed to delete the organization.";
+                toast.error(errorMsg);
+            }
+        },
+
+        onError: (error: any) => {
+            console.error("Mutation network error:", error);
+            toast.error(error?.message || "A network error occurred.");
+        },
+    });
+
+    return (
+
+        <ButtonWithConfirm
+            title="Delete Organization"
+            description="Are you sure you want to remove this organization? This action cannot be undone."
+            button={{
+                main: {
+                    text: !isMobile ? "Delete Organization" : "",
+                    variant: "outline",
+                    icon: <Trash2 color="red"/>,
+                },
+                confirm: {
+                    className: "w-full",
+                    text: "Delete",
+                    icon: <Trash2/>,
+                    variant: "destructive",
+                    onClick: () => {
+                        mutation.mutate();
+                    },
+                },
+                cancel: {
+                    className: "w-full",
+                    text: "Cancel",
+                    icon: <Trash2/>,
+                    variant: "outline",
+                },
+            }}
+            isPending={mutation.isPending}
+        />
+
+
+    );
+};