From f378e2a045e471442afd6bf5a6594dd1ca961686 Mon Sep 17 00:00:00 2001
From: Markus Thielker <mail.markus.thielker@gmail.com>
Date: Mon, 23 Dec 2024 00:06:09 +0100
Subject: [PATCH] N-FIN-79: refactor account data reset

---
 src/app/account/page.tsx                    | 13 +++---
 src/components/form/serverActionTrigger.tsx | 11 +++--
 src/lib/actions/accountDelete.ts            | 52 ---------------------
 src/lib/actions/clearAccountData.ts         | 40 ++++++++++++++++
 4 files changed, 54 insertions(+), 62 deletions(-)
 delete mode 100644 src/lib/actions/accountDelete.ts
 create mode 100644 src/lib/actions/clearAccountData.ts

diff --git a/src/app/account/page.tsx b/src/app/account/page.tsx
index c83686c..fe65f5b 100644
--- a/src/app/account/page.tsx
+++ b/src/app/account/page.tsx
@@ -5,7 +5,7 @@ import { Input } from '@/components/ui/input';
 import generateSampleData from '@/lib/actions/generateSampleData';
 import prisma from '@/prisma';
 import { ServerActionTrigger } from '@/components/form/serverActionTrigger';
-import accountDelete from '@/lib/actions/accountDelete';
+import clearAccountData from '@/lib/actions/clearAccountData';
 import { Button } from '@/components/ui/button';
 import { getSession, Session } from '@auth0/nextjs-auth0';
 import { URL_SIGN_OUT } from '@/lib/constants';
@@ -78,14 +78,15 @@ export default async function AccountPage() {
                 </CardContent>
                 <CardFooter className="w-full grid gap-4 grid-cols-1 md:grid-cols-2">
                     <ServerActionTrigger
-                        action={accountDelete}
+                        action={clearAccountData}
                         dialog={{
-                            title: 'Delete Account',
-                            description: 'Are you sure you want to delete your account? This action is irreversible.',
-                            actionText: 'Delete Account',
+                            title: 'Clear account data',
+                            description: 'Are you sure you want to delete all payments, entities and categories from you account? This action is irreversible.',
+                            actionText: 'Clear data',
+                            actionVariant: 'destructive',
                         }}
                         variant="outline">
-                        Delete Account
+                        Clear data
                     </ServerActionTrigger>
                     <a href={URL_SIGN_OUT}>
                         <Button className="w-full">
diff --git a/src/components/form/serverActionTrigger.tsx b/src/components/form/serverActionTrigger.tsx
index 5fe03da..7f21415 100644
--- a/src/components/form/serverActionTrigger.tsx
+++ b/src/components/form/serverActionTrigger.tsx
@@ -1,6 +1,6 @@
 'use client';
 
-import { buttonVariants } from '@/components/ui/button';
+import { Button, buttonVariants } from '@/components/ui/button';
 import React from 'react';
 import { Slot } from '@radix-ui/react-slot';
 import { cn } from '@/lib/utils';
@@ -25,6 +25,7 @@ export interface ConfirmationDialogProps {
     title: string;
     description?: string;
     actionText?: string;
+    actionVariant?: 'default' | 'destructive' | 'outline' | 'secondary' | 'ghost' | 'link';
 }
 
 export interface ButtonWithActionProps<T = any>
@@ -76,9 +77,11 @@ const ServerActionTrigger = React.forwardRef<HTMLButtonElement, ButtonWithAction
                         <AlertDialogCancel>
                             Cancel
                         </AlertDialogCancel>
-                        <AlertDialogAction onClick={handleSubmit}>
-                            {props.dialog.actionText || 'Confirm'}
-                        </AlertDialogAction>
+                        <Button variant={props.dialog.actionVariant || 'default'} asChild>
+                            <AlertDialogAction onClick={handleSubmit}>
+                                {props.dialog.actionText || 'Confirm'}
+                            </AlertDialogAction>
+                        </Button>
                     </AlertDialogFooter>
                 </AlertDialogContent>
             </AlertDialog>
diff --git a/src/lib/actions/accountDelete.ts b/src/lib/actions/accountDelete.ts
deleted file mode 100644
index caf0f3c..0000000
--- a/src/lib/actions/accountDelete.ts
+++ /dev/null
@@ -1,52 +0,0 @@
-import { ActionResponse } from '@/lib/types/actionResponse';
-import { URL_SIGN_IN, URL_SIGN_OUT } from '@/lib/constants';
-import prisma from '@/prisma';
-import { getSession } from '@auth0/nextjs-auth0';
-
-export default async function accountDelete(): Promise<ActionResponse> {
-    'use server';
-
-    const session = await getSession();
-    if (!session) {
-        return {
-            type: 'error',
-            message: 'You aren\'t signed in.',
-            redirect: URL_SIGN_IN,
-        };
-    }
-    const user = session.user;
-
-    await prisma.payment.deleteMany({
-        where: {
-            userId: user.sub,
-        },
-    });
-
-    await prisma.entity.deleteMany({
-        where: {
-            userId: user.sub,
-        },
-    });
-
-    await prisma.category.deleteMany({
-        where: {
-            userId: user.sub,
-        },
-    });
-
-    let requestOptions = {
-        method: 'DELETE',
-        redirect: 'follow',
-    } as RequestInit;
-
-    fetch(`https://login.auth0.com/api/v2/users/${user.sub}`, requestOptions)
-        .then(response => response.text())
-        .then(result => console.log(result))
-        .catch(error => console.log('error', error));
-
-    return {
-        type: 'success',
-        message: 'Your account was removed.',
-        redirect: URL_SIGN_OUT,
-    };
-}
diff --git a/src/lib/actions/clearAccountData.ts b/src/lib/actions/clearAccountData.ts
new file mode 100644
index 0000000..9ee448a
--- /dev/null
+++ b/src/lib/actions/clearAccountData.ts
@@ -0,0 +1,40 @@
+import { ActionResponse } from '@/lib/types/actionResponse';
+import { URL_SIGN_IN } from '@/lib/constants';
+import prisma from '@/prisma';
+import { getSession } from '@auth0/nextjs-auth0';
+
+export default async function clearAccountData(): Promise<ActionResponse> {
+    'use server';
+
+    const session = await getSession();
+    if (!session) {
+        return {
+            type: 'error',
+            message: 'You aren\'t signed in.',
+            redirect: URL_SIGN_IN,
+        };
+    }
+
+    await prisma.payment.deleteMany({
+        where: {
+            userId: session.user.sub,
+        },
+    });
+
+    await prisma.entity.deleteMany({
+        where: {
+            userId: session.user.sub,
+        },
+    });
+
+    await prisma.category.deleteMany({
+        where: {
+            userId: session.user.sub,
+        },
+    });
+
+    return {
+        type: 'success',
+        message: 'Your account data was cleared.',
+    };
+}