Migrate to a monorepo structure (#2909)

packages/twenty-front/src/modules/settings/profile/components/DeleteAccount.tsx

@@ -0,0 +1,64 @@
+import { useCallback, useState } from 'react';
+import { useNavigate } from 'react-router-dom';
+import { useRecoilValue } from 'recoil';
+
+import { useAuth } from '@/auth/hooks/useAuth';
+import { currentUserState } from '@/auth/states/currentUserState';
+import { AppPath } from '@/types/AppPath';
+import { H2Title } from '@/ui/display/typography/components/H2Title';
+import { Button } from '@/ui/input/button/components/Button';
+import { ConfirmationModal } from '@/ui/layout/modal/components/ConfirmationModal';
+import { useDeleteUserAccountMutation } from '~/generated/graphql';
+
+export const DeleteAccount = () => {
+  const [isDeleteAccountModalOpen, setIsDeleteAccountModalOpen] =
+    useState(false);
+
+  const [deleteUserAccount] = useDeleteUserAccountMutation();
+  const currentUser = useRecoilValue(currentUserState);
+  const userEmail = currentUser?.email;
+  const { signOut } = useAuth();
+  const navigate = useNavigate();
+
+  const handleLogout = useCallback(() => {
+    signOut();
+    navigate(AppPath.SignIn);
+  }, [signOut, navigate]);
+
+  const deleteAccount = async () => {
+    await deleteUserAccount();
+    handleLogout();
+  };
+
+  return (
+    <>
+      <H2Title
+        title="Danger zone"
+        description="Delete account and all the associated data"
+      />
+
+      <Button
+        accent="danger"
+        onClick={() => setIsDeleteAccountModalOpen(true)}
+        variant="secondary"
+        title="Delete account"
+      />
+
+      <ConfirmationModal
+        confirmationValue={userEmail}
+        confirmationPlaceholder={userEmail ?? ''}
+        isOpen={isDeleteAccountModalOpen}
+        setIsOpen={setIsDeleteAccountModalOpen}
+        title="Account Deletion"
+        subtitle={
+          <>
+            This action cannot be undone. This will permanently delete your
+            entire account. <br /> Please type in your email to confirm.
+          </>
+        }
+        onConfirmClick={deleteAccount}
+        deleteButtonText="Delete account"
+      />
+    </>
+  );
+};