smueller/LicenseAPI
1
0
Fork 0
mirror of https://github.com/gnmyt/LicenseAPI.git synced 2026-01-11 02:31:46 +00:00
Code Issues Packages Projects Releases Wiki Activity

Implement project leaving in Delete.jsx

Browse Source
This commit is contained in:
Mathias Wagner
2024-07-22 22:19:45 +02:00
parent 1804684ded
commit 9782971ad6
1 changed files with 16 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
dashboard/src/states/Dashboard/pages/Info/components/Settings/components/Delete/Delete.jsx
View File

@ -1,6 +1,6 @@
import {Box, Button, Typography} from "@mui/material"; import {Box, Button, Typography} from "@mui/material";
import {Delete as DeleteIcon} from "@mui/icons-material"; import {Delete as DeleteIcon, Logout} from "@mui/icons-material";
import {deleteRequest} from "@/common/utils/RequestUtil.js"; import {deleteRequest, postRequest} from "@/common/utils/RequestUtil.js";
import {useContext} from "react"; import {useContext} from "react";
import {ProjectContext} from "@/states/Dashboard/contexts/Project"; import {ProjectContext} from "@/states/Dashboard/contexts/Project";
@ -15,14 +15,26 @@ export const Delete = () => {
} }
} }
const leaveProject = async () => {
try {
await postRequest(`/project/${currentProject.id}/leave`);
await updateProjects();
} catch (e) {
console.error(e.message);
}
}
return ( return (
<Box sx={{border: 1.5, borderColor: 'red', borderRadius: 1.5, p: 2.5, width: {xs: "100%", lg: "33%"}}}> <Box sx={{border: 1.5, borderColor: 'red', borderRadius: 1.5, p: 2.5, width: {xs: "100%", lg: "33%"}}}>
<Typography variant="h5" fontWeight={700}>Delete project</Typography> <Typography variant="h5" fontWeight={700}>{currentProject["role"] === undefined ? "Delete" : "Leave"} project</Typography>
<Typography variant="body1" color="text.secondary" fontWeight={500}> <Typography variant="body1" color="text.secondary" fontWeight={500}>
This action cannot be undone. I hope you know what you are doing. This action cannot be undone. I hope you know what you are doing.
</Typography> </Typography>
<Button variant="contained" sx={{mt: 2}} color="error" startIcon={<DeleteIcon/>} onClick={deleteProject}>Löschen</Button> {currentProject.role === undefined && <Button variant="contained" sx={{mt: 2}} color="error" startIcon={<DeleteIcon/>} onClick={deleteProject}>Delete</Button>}
{currentProject.role !== undefined && <Button variant="contained" sx={{mt: 2}} color="error" startIcon={<Logout/>} onClick={leaveProject}>Leave</Button>}
</Box> </Box>
) )
} }