36 lines
779 B
TypeScript
36 lines
779 B
TypeScript
import {
|
|
Button,
|
|
Container,
|
|
Heading,
|
|
Text,
|
|
useDisclosure,
|
|
} from "@chakra-ui/react"
|
|
|
|
import DeleteConfirmation from "./DeleteConfirmation"
|
|
|
|
const DeleteAccount = () => {
|
|
const confirmationModal = useDisclosure()
|
|
|
|
return (
|
|
<>
|
|
<Container maxW="full">
|
|
<Heading size="sm" py={4}>
|
|
Delete Account
|
|
</Heading>
|
|
<Text>
|
|
Permanently delete your data and everything associated with your
|
|
account.
|
|
</Text>
|
|
<Button variant="danger" mt={4} onClick={confirmationModal.onOpen}>
|
|
Delete
|
|
</Button>
|
|
<DeleteConfirmation
|
|
isOpen={confirmationModal.isOpen}
|
|
onClose={confirmationModal.onClose}
|
|
/>
|
|
</Container>
|
|
</>
|
|
)
|
|
}
|
|
export default DeleteAccount
|