♻ Move project source files to top level from src, update Sentry dependency (#630)
Co-authored-by: Sebastián Ramírez <tiangolo@gmail.com>
This commit is contained in:
27
new-frontend/src/components/UserSettings/DeleteAccount.tsx
Normal file
27
new-frontend/src/components/UserSettings/DeleteAccount.tsx
Normal file
@@ -0,0 +1,27 @@
|
||||
import React from 'react';
|
||||
|
||||
import { Button, Container, Heading, Text, useDisclosure } from '@chakra-ui/react';
|
||||
|
||||
import DeleteConfirmation from './DeleteConfirmation';
|
||||
|
||||
const DeleteAccount: React.FC = () => {
|
||||
const confirmationModal = useDisclosure();
|
||||
|
||||
return (
|
||||
<>
|
||||
<Container maxW='full'>
|
||||
<Heading size='sm' py={4}>
|
||||
Delete Account
|
||||
</Heading>
|
||||
<Text>
|
||||
Are you sure you want to delete your account? This action cannot be undone.
|
||||
</Text>
|
||||
<Button bg='ui.danger' color='white' _hover={{ opacity: 0.8 }} mt={4} onClick={confirmationModal.onOpen}>
|
||||
Delete
|
||||
</Button>
|
||||
<DeleteConfirmation isOpen={confirmationModal.isOpen} onClose={confirmationModal.onClose} />
|
||||
</ Container>
|
||||
</>
|
||||
);
|
||||
}
|
||||
export default DeleteAccount;
|
||||
Reference in New Issue
Block a user