Melvin Strobl
8be7f9770e
The submodule collapse was only half applied: .gitmodules was deleted but backend/ and frontend/ were still recorded as gitlinks, so none of their files were tracked. Replace the gitlinks with the real trees. Also untrack .env (it carried placeholder secrets) in favour of a tracked .env.example, drop the committed __pycache__, and narrow the blanket *.png ignore that would have swallowed design assets.
83 lines
2.3 KiB
TypeScript
83 lines
2.3 KiB
TypeScript
import { useMutation, useQueryClient } from "@tanstack/react-query"
|
|
import { useForm } from "react-hook-form"
|
|
|
|
import { UsersService } from "@/client"
|
|
import { Button } from "@/components/ui/button"
|
|
import {
|
|
Dialog,
|
|
DialogClose,
|
|
DialogContent,
|
|
DialogDescription,
|
|
DialogFooter,
|
|
DialogHeader,
|
|
DialogTitle,
|
|
DialogTrigger,
|
|
} from "@/components/ui/dialog"
|
|
import { LoadingButton } from "@/components/ui/loading-button"
|
|
import useAuth from "@/hooks/useAuth"
|
|
import useCustomToast from "@/hooks/useCustomToast"
|
|
import { handleError } from "@/utils"
|
|
|
|
const DeleteConfirmation = () => {
|
|
const queryClient = useQueryClient()
|
|
const { showSuccessToast, showErrorToast } = useCustomToast()
|
|
const { handleSubmit } = useForm()
|
|
const { logout } = useAuth()
|
|
|
|
const mutation = useMutation({
|
|
mutationFn: () => UsersService.deleteUserMe(),
|
|
onSuccess: () => {
|
|
showSuccessToast("Your account has been successfully deleted")
|
|
logout()
|
|
},
|
|
onError: handleError.bind(showErrorToast),
|
|
onSettled: () => {
|
|
queryClient.invalidateQueries({ queryKey: ["currentUser"] })
|
|
},
|
|
})
|
|
|
|
const onSubmit = async () => {
|
|
mutation.mutate()
|
|
}
|
|
|
|
return (
|
|
<Dialog>
|
|
<DialogTrigger asChild>
|
|
<Button variant="destructive" className="mt-3">
|
|
Delete Account
|
|
</Button>
|
|
</DialogTrigger>
|
|
<DialogContent>
|
|
<form onSubmit={handleSubmit(onSubmit)}>
|
|
<DialogHeader>
|
|
<DialogTitle>Confirmation Required</DialogTitle>
|
|
<DialogDescription>
|
|
All your account data will be{" "}
|
|
<strong>permanently deleted.</strong> If you are sure, please
|
|
click <strong>"Confirm"</strong> to proceed. This action cannot be
|
|
undone.
|
|
</DialogDescription>
|
|
</DialogHeader>
|
|
|
|
<DialogFooter className="mt-4">
|
|
<DialogClose asChild>
|
|
<Button variant="outline" disabled={mutation.isPending}>
|
|
Cancel
|
|
</Button>
|
|
</DialogClose>
|
|
<LoadingButton
|
|
variant="destructive"
|
|
type="submit"
|
|
loading={mutation.isPending}
|
|
>
|
|
Delete
|
|
</LoadingButton>
|
|
</DialogFooter>
|
|
</form>
|
|
</DialogContent>
|
|
</Dialog>
|
|
)
|
|
}
|
|
|
|
export default DeleteConfirmation
|