🎨 Format with Prettier (#646)

2026-11-03 20:36:27 +00:00 · 2024-03-08 14:58:36 +01:00
parent 6a3e47b7c9
commit 2d138b4622
29 changed files with 2076 additions and 1371 deletions
@@ -1,86 +1,105 @@
-import React from 'react';
+import React from 'react'
+import {
+  AlertDialog,
+  AlertDialogBody,
+  AlertDialogContent,
+  AlertDialogFooter,
+  AlertDialogHeader,
+  AlertDialogOverlay,
+  Button,
+} from '@chakra-ui/react'
+import { useForm } from 'react-hook-form'
+import { useMutation, useQueryClient } from 'react-query'

-import { AlertDialog, AlertDialogBody, AlertDialogContent, AlertDialogFooter, AlertDialogHeader, AlertDialogOverlay, Button } from '@chakra-ui/react';
-import { useForm } from 'react-hook-form';
-import { useMutation, useQueryClient } from 'react-query';
-
-import { ApiError, UserOut, UsersService } from '../../client';
-import useAuth from '../../hooks/useAuth';
-import useCustomToast from '../../hooks/useCustomToast';
+import { ApiError, UserOut, UsersService } from '../../client'
+import useAuth from '../../hooks/useAuth'
+import useCustomToast from '../../hooks/useCustomToast'

 interface DeleteProps {
-    isOpen: boolean;
-    onClose: () => void;
+  isOpen: boolean
+  onClose: () => void
 }

 const DeleteConfirmation: React.FC<DeleteProps> = ({ isOpen, onClose }) => {
-    const queryClient = useQueryClient();
-    const showToast = useCustomToast();
-    const cancelRef = React.useRef<HTMLButtonElement | null>(null);
-    const { handleSubmit, formState: { isSubmitting } } = useForm();
-    const currentUser = queryClient.getQueryData<UserOut>('currentUser');
-    const { logout } = useAuth();
+  const queryClient = useQueryClient()
+  const showToast = useCustomToast()
+  const cancelRef = React.useRef<HTMLButtonElement | null>(null)
+  const {
+    handleSubmit,
+    formState: { isSubmitting },
+  } = useForm()
+  const currentUser = queryClient.getQueryData<UserOut>('currentUser')
+  const { logout } = useAuth()

-    const deleteCurrentUser = async (id: number) => {
-        await UsersService.deleteUser({ userId: id });
-    }
+  const deleteCurrentUser = async (id: number) => {
+    await UsersService.deleteUser({ userId: id })
+  }

-    const mutation = useMutation(deleteCurrentUser, {
-        onSuccess: () => {
-            showToast('Success', 'Your account has been successfully deleted.', 'success');
-            logout();
-            onClose();
-        },
-        onError: (err: ApiError) => {
-            const errDetail = err.body.detail;
-            showToast('Something went wrong.', `${errDetail}`, 'error');
-        },
-        onSettled: () => {
-            queryClient.invalidateQueries('currentUser');
-        }
-    })
+  const mutation = useMutation(deleteCurrentUser, {
+    onSuccess: () => {
+      showToast(
+        'Success',
+        'Your account has been successfully deleted.',
+        'success',
+      )
+      logout()
+      onClose()
+    },
+    onError: (err: ApiError) => {
+      const errDetail = err.body.detail
+      showToast('Something went wrong.', `${errDetail}`, 'error')
+    },
+    onSettled: () => {
+      queryClient.invalidateQueries('currentUser')
+    },
+  })

+  const onSubmit = async () => {
+    mutation.mutate(currentUser!.id)
+  }

-    const onSubmit = async () => {
-        mutation.mutate(currentUser!.id);
-    }
+  return (
+    <>
+      <AlertDialog
+        isOpen={isOpen}
+        onClose={onClose}
+        leastDestructiveRef={cancelRef}
+        size={{ base: 'sm', md: 'md' }}
+        isCentered
+      >
+        <AlertDialogOverlay>
+          <AlertDialogContent as="form" onSubmit={handleSubmit(onSubmit)}>
+            <AlertDialogHeader>Confirmation Required</AlertDialogHeader>

-    return (
-        <>
-            <AlertDialog
-                isOpen={isOpen}
-                onClose={onClose}
-                leastDestructiveRef={cancelRef}
-                size={{ base: 'sm', md: 'md' }}
-                isCentered
-            >
-                <AlertDialogOverlay>
-                    <AlertDialogContent as='form' onSubmit={handleSubmit(onSubmit)}>
-                        <AlertDialogHeader>
-                            Confirmation Required
-                        </AlertDialogHeader>
+            <AlertDialogBody>
+              All your account data will be{' '}
+              <strong>permanently deleted.</strong> If you are sure, please
+              click <strong>'Confirm'</strong> to proceed.
+            </AlertDialogBody>

-                        <AlertDialogBody>
-                            All your account data will be <strong>permanently deleted.</strong> If you are sure, please click <strong>'Confirm'</strong> to proceed.
-                        </AlertDialogBody>
-
-                        <AlertDialogFooter gap={3}>
-                            <Button bg='ui.danger' color='white' _hover={{ opacity: 0.8 }} type='submit' isLoading={isSubmitting}>
-                                Confirm
-                            </Button>
-                            <Button ref={cancelRef} onClick={onClose} isDisabled={isSubmitting}>
-                                Cancel
-                            </Button>
-                        </AlertDialogFooter>
-                    </AlertDialogContent>
-                </AlertDialogOverlay>
-            </AlertDialog >
-        </>
-    )
+            <AlertDialogFooter gap={3}>
+              <Button
+                bg="ui.danger"
+                color="white"
+                _hover={{ opacity: 0.8 }}
+                type="submit"
+                isLoading={isSubmitting}
+              >
+                Confirm
+              </Button>
+              <Button
+                ref={cancelRef}
+                onClick={onClose}
+                isDisabled={isSubmitting}
+              >
+                Cancel
+              </Button>
+            </AlertDialogFooter>
+          </AlertDialogContent>
+        </AlertDialogOverlay>
+      </AlertDialog>
+    </>
+  )
 }

-export default DeleteConfirmation;
-
-
-
-
+export default DeleteConfirmation