From 761b4401fcb2a3df55c9ef30f5d8be9f8cdb294d Mon Sep 17 00:00:00 2001
From: charles-gauthereau <charles.gauthereau@soluce-technologies.com>
Date: Sat, 23 Nov 2024 17:20:24 +0100
Subject: [PATCH] Delete user from settings.

---
 app/(customer)/dashboard/profile/page.tsx     |  2 +-
 .../ButtonWithLoading/ButtonWithLoading.tsx   | 16 ++++++--
 .../ButtonDeleteAccount.tsx                   |  6 ++-
 .../delete-account.action.ts                  | 11 ++---
 .../SettingsEmailTab/SettingsEmailTab.tsx     |  1 +
 .../SettingsUsersTab/columns-users.tsx        | 40 ++++++++++++++++++-
 6 files changed, 64 insertions(+), 12 deletions(-)

diff --git a/app/(customer)/dashboard/profile/page.tsx b/app/(customer)/dashboard/profile/page.tsx
index 257efdd7..e9846af0 100644
--- a/app/(customer)/dashboard/profile/page.tsx
+++ b/app/(customer)/dashboard/profile/page.tsx
@@ -29,7 +29,7 @@ export default async function RoutePage(props: PageParams<{}>) {
                         <Badge className="ml-3 hidden lg:block">{userInfo.authMethod}</Badge>
                     </PageTitle>
                     <PageActions className={"mt-2"}>
-                        <ButtonDeleteAccount/>
+                        <ButtonDeleteAccount text="Delete my account"/>
                     </PageActions>
                 </div>
             <PageContent>
diff --git a/src/components/wrappers/Button/ButtonWithLoading/ButtonWithLoading.tsx b/src/components/wrappers/Button/ButtonWithLoading/ButtonWithLoading.tsx
index 539b1057..61c9de48 100644
--- a/src/components/wrappers/Button/ButtonWithLoading/ButtonWithLoading.tsx
+++ b/src/components/wrappers/Button/ButtonWithLoading/ButtonWithLoading.tsx
@@ -11,14 +11,21 @@ export type VariantButton = {
     link: string
     destructive: string
 }
+export type sizeButton = {
+    default :string,
+    icon: string
+    sm: string
+    lg: string
+}
 
 export type ButtonWithConfirmProps = {
     icon?: any,
     text: string,
-    variant?:  keyof VariantButton ,
+    variant?: keyof VariantButton,
     className?: string,
     onClick: () => void,
-    isPending? : boolean
+    isPending?: boolean
+    size: keyof sizeButton
 };
 
 export const ButtonWithLoading = ({
@@ -28,9 +35,10 @@ export const ButtonWithLoading = ({
                                       className,
                                       onClick,
                                       isPending,
+                                      size,
                                       ...props // catch all remaining props
                                   }: ButtonWithConfirmProps & ButtonHTMLAttributes<HTMLButtonElement>) => {
-    return(
+    return (
         <Button
             onClick={() => {
                 onClick()
@@ -38,6 +46,8 @@ export const ButtonWithLoading = ({
             variant={variant ? variant : "default"}
             className={className}
             {...props} // forward the remaining props to the Button component
+            size={size || "default"}
+
         >
             {isPending && <Loader2 className="animate-spin mr-4" size={16}/>}
             {text}
diff --git a/src/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/ButtonDeleteAccount.tsx b/src/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/ButtonDeleteAccount.tsx
index 61d1550e..756b1f52 100644
--- a/src/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/ButtonDeleteAccount.tsx
+++ b/src/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/ButtonDeleteAccount.tsx
@@ -5,7 +5,9 @@ import {ButtonWithConfirm} from "@/components/wrappers/Button/ButtonWithConfirm/
 import {deleteUserAction} from "@/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/delete-account.action";
 import {Trash2} from "lucide-react";
 
-export type ButtonDeleteAccountProps = {}
+export type ButtonDeleteAccountProps = {
+    text? : string
+}
 
 export const ButtonDeleteAccount = (props: ButtonDeleteAccountProps) => {
 
@@ -18,7 +20,7 @@ export const ButtonDeleteAccount = (props: ButtonDeleteAccountProps) => {
 
     return (
         <ButtonWithConfirm
-            text={"Delete my account"}
+            text={props.text ? props.text : ""}
             onClick={() => {
                 mutation.mutate()
             }}
diff --git a/src/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/delete-account.action.ts b/src/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/delete-account.action.ts
index 1b33a284..ba9dbfbe 100644
--- a/src/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/delete-account.action.ts
+++ b/src/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/delete-account.action.ts
@@ -3,17 +3,19 @@ import {userAction} from "@/safe-actions";
 import {prisma} from "@/prisma";
 import {z} from "zod";
 import {v4 as uuidv4} from "uuid";
+import {EmailFormSchema} from "@/components/wrappers/Dashboard/Settings/SettingsEmailTab/EmailForm/email-form.schema";
 
 
 export const deleteUserAction = userAction
     .schema(z.string())
     .action(async ({parsedInput, ctx}) => {
+        const userId = parsedInput.length > 0 ? parsedInput : ctx.user.id;
 
         const uuid = uuidv4()
 
         const user = await prisma.user.update({
             where: {
-                id: ctx.user.id,
+                id: userId,
             },
             data: {
                 email: `${uuid}@portabase.com`,
@@ -24,7 +26,7 @@ export const deleteUserAction = userAction
 
         const account = await prisma.account.findFirst({
             where: {
-                userId: ctx.user.id,
+                userId: userId,
             }
         })
         if (account) {
@@ -35,9 +37,8 @@ export const deleteUserAction = userAction
 
             })
         }
-
-
         return {
             data: user,
         }
-    });
\ No newline at end of file
+    });
+
diff --git a/src/components/wrappers/Dashboard/Settings/SettingsEmailTab/SettingsEmailTab.tsx b/src/components/wrappers/Dashboard/Settings/SettingsEmailTab/SettingsEmailTab.tsx
index c982adc7..74a51d7d 100644
--- a/src/components/wrappers/Dashboard/Settings/SettingsEmailTab/SettingsEmailTab.tsx
+++ b/src/components/wrappers/Dashboard/Settings/SettingsEmailTab/SettingsEmailTab.tsx
@@ -48,6 +48,7 @@ export const SettingsEmailTab = (props: SettingsEmailTabProps) => {
                         }}
                         icon={<Send/>}
                         text="Send email test"
+                        size="default"
                     />
                 )}
 
diff --git a/src/components/wrappers/Dashboard/Settings/SettingsUsersTab/columns-users.tsx b/src/components/wrappers/Dashboard/Settings/SettingsUsersTab/columns-users.tsx
index baa4ff4a..2cd2cd2f 100644
--- a/src/components/wrappers/Dashboard/Settings/SettingsUsersTab/columns-users.tsx
+++ b/src/components/wrappers/Dashboard/Settings/SettingsUsersTab/columns-users.tsx
@@ -8,6 +8,13 @@ import {useMutation} from "@tanstack/react-query";
 import {toast} from "sonner";
 import {useRouter} from "next/navigation";
 import {useState} from "react";
+import {Trash2} from "lucide-react";
+import {Button} from "@/components/ui/button";
+import {ButtonDeleteAccount} from "@/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/ButtonDeleteAccount";
+import {deleteUserAction} from "@/components/wrappers/Dashboard/Profile/ButtonDeleteAccount/delete-account.action";
+import {signOutAction} from "@/features/auth/auth.action";
+import {ButtonWithConfirm} from "@/components/wrappers/Button/ButtonWithConfirm/ButtonWithConfirm";
+import {ButtonWithLoading} from "@/components/wrappers/Button/ButtonWithLoading/ButtonWithLoading";
 
 export const usersColumns: ColumnDef<User>[] = [
     {
@@ -64,5 +71,36 @@ export const usersColumns: ColumnDef<User>[] = [
         cell: ({row}) => {
             return <Badge variant="outline">{row.getValue("authMethod")}</Badge>
         },
-    }
+    },
+    {
+        header: "Action",
+        id: "actions",
+        cell: ({ row, table }) => {
+
+            const router = useRouter();
+            const mutation = useMutation({
+                mutationFn: () => deleteUserAction(row.original.id),
+                onSuccess: async () => {
+                   toast.success('User deleted successfully.');
+                   router.refresh()
+                },
+            })
+
+
+            return (
+                <div className="flex items-center gap-2">
+                    <ButtonWithLoading
+                        variant="outline"
+                        text=""
+                        icon={<Trash2 color="red" size={15} />}
+                        onClick={async () => {
+                            await mutation.mutateAsync();
+                        }}
+                        size="icon"
+                    />
+
+                </div>
+            );
+        },
+    },
 ]
\ No newline at end of file