LicenseAPI/Dashboard
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Created the Delete.jsx settings component

Browse Source
This commit is contained in:
Mathias Wagner 2023-08-01 22:35:15 +02:00
parent 7074bc0238
commit e32a432b7a
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44
1 changed files with 29 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

29
src/states/Dashboard/pages/Info/components/Settings/components/Delete/Delete.jsx Normal file
View File

@ -0,0 +1,29 @@
import {Box, Button, Typography} from "@mui/material";
import {Delete as DeleteIcon} from "@mui/icons-material";
import {deleteRequest} from "@/common/utils/RequestUtil.js";
import {useContext} from "react";
import {ProjectContext} from "@/states/Dashboard/contexts/Project";
export const Delete = () => {
const {currentProject, updateProjects} = useContext(ProjectContext);
const deleteProject = async () => {
try {
await deleteRequest(`/project/${currentProject.id}`);
await updateProjects();
} catch (e) {
console.error(e);
}
}
return (
<Box sx={{border: 1.5, borderColor: 'red', borderRadius: 1.5, p: 2.5, width: {xs: "100%", lg: "33%"}}}>
<Typography variant="h5" fontWeight={700}>Projekt löschen</Typography>
<Typography variant="body1" color="text.secondary" fontWeight={500}>
Diese Aktion kann nicht Rückgängig gemacht
werden. Ich hoffe du weißt, was du tust.
</Typography>
<Button variant="contained" sx={{mt: 2}} color="error" startIcon={<DeleteIcon/>} onClick={deleteProject}>Löschen</Button>
</Box>
)
}