N-FIN-79: refactor account data reset

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">

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>
+                        <Button variant={props.dialog.actionVariant || 'default'} asChild>
                             <AlertDialogAction onClick={handleSubmit}>
                                 {props.dialog.actionText || 'Confirm'}
                             </AlertDialogAction>
+                        </Button>
                     </AlertDialogFooter>
                 </AlertDialogContent>
             </AlertDialog>

src/lib/actions/accountDelete.ts

@@ -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,
-    };
-}

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.',
+    };
+}