Skip to content
Snippets Groups Projects
Commit 3c897435 authored by Tonge, Marcus A (UG - Comp Sci & Elec Eng)'s avatar Tonge, Marcus A (UG - Comp Sci & Elec Eng)
Browse files

Updated profile page delete account

parent f0a51e78
No related branches found
No related tags found
No related merge requests found
...@@ -16,13 +16,12 @@ import NavigationBar from "../../components/navbar/navbar"; ...@@ -16,13 +16,12 @@ import NavigationBar from "../../components/navbar/navbar";
import { useNavigate } from "react-router-dom"; import { useNavigate } from "react-router-dom";
const ProfilePage = () => { const ProfilePage = () => {
const [isDeleteAlertOpen, setIsDeleteAlertOpen] = useState(false);
const toast = useToast(); const toast = useToast();
const navigate = useNavigate(); const navigate = useNavigate();
const baseUrl = (process.env.REACT_APP_AUTH_SERVICE_ENDPOINT); const baseUrl = (process.env.REACT_APP_AUTH_SERVICE_ENDPOINT);
const [isDeleteDialogOpen, setIsDeleteDialogOpen] = useState(false);
const handleDeleteAccount = async () => { const handleDeleteAccount = async () => {
setIsDeleteAlertOpen(false);
try { try {
const response = await fetch(`${baseUrl}/auth/delete/`, { const response = await fetch(`${baseUrl}/auth/delete/`, {
method: 'DELETE', method: 'DELETE',
...@@ -51,14 +50,6 @@ const ProfilePage = () => { ...@@ -51,14 +50,6 @@ const ProfilePage = () => {
} }
}; };
const cancelDeleteAccount = () => {
setIsDeleteAlertOpen(false);
};
const handleConfirmDeleteAccount = () => {
setIsDeleteAlertOpen(true);
};
return ( return (
<> <>
<NavigationBar /> <NavigationBar />
...@@ -68,50 +59,39 @@ const ProfilePage = () => { ...@@ -68,50 +59,39 @@ const ProfilePage = () => {
<Heading as="h1" fontSize="4xl" fontWeight="bold"> <Heading as="h1" fontSize="4xl" fontWeight="bold">
Manage your account Manage your account
</Heading> </Heading>
<Box py={2} />
<Box py={4}> <Button colorScheme="blue" onClick={() => {
<Button colorScheme="blue" onClick={() => {
localStorage.removeItem('token'); localStorage.removeItem('token');
navigate("/"); navigate("/");
}}> }}>
Sign Out Sign Out
</Button> </Button>
</Box>
<Box> <Box py={4}>
<Button <Button colorScheme="red" onClick={() => setIsDeleteDialogOpen(true)}>
variant="outline" Delete Account
colorScheme="red"
onClick={handleConfirmDeleteAccount}
>
Delete your account
</Button> </Button>
<AlertDialog <AlertDialog
isOpen={isDeleteAlertOpen} isOpen={isDeleteDialogOpen}
leastDestructiveRef={cancelDeleteAccount} onClose={() => setIsDeleteDialogOpen(false)}
leastDestructiveRef={undefined}
> >
<AlertDialogOverlay> <AlertDialogOverlay>
<AlertDialogContent> <AlertDialogContent>
<AlertDialogHeader fontSize="lg" fontWeight="bold"> <AlertDialogHeader fontSize="lg" fontWeight="bold">
Delete Account Delete Account
</AlertDialogHeader> </AlertDialogHeader>
<AlertDialogBody> <AlertDialogBody>
Are you sure? This action cannot be undone. Are you sure? This action cannot be undone.
</AlertDialogBody> </AlertDialogBody>
<AlertDialogFooter> <AlertDialogFooter>
<Button <Button onClick={() => setIsDeleteDialogOpen(false)}>
ref={cancelDeleteAccount} No
onClick={cancelDeleteAccount}
>
Cancel
</Button> </Button>
<Button <Button colorScheme="red" onClick={handleDeleteAccount} ml={3}>
colorScheme="red" Yes
onClick={() => handleDeleteAccount}
ml={3}
>
Delete
</Button> </Button>
</AlertDialogFooter> </AlertDialogFooter>
</AlertDialogContent> </AlertDialogContent>
...@@ -126,4 +106,4 @@ const ProfilePage = () => { ...@@ -126,4 +106,4 @@ const ProfilePage = () => {
); );
}; };
export default ProfilePage; export default ProfilePage;
\ No newline at end of file
0% Loading or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment