Created the RenameDialog.jsx

This commit is contained in:
Mathias Wagner 2024-02-15 15:12:32 +01:00
parent 9c0338323a
commit 059e25544c
Signed by: Mathias
GPG Key ID: B8DC354B0A1F5B44

View File

@ -0,0 +1,39 @@
import {Button, Dialog, DialogActions, DialogContent, DialogTitle, Stack, TextField} from "@mui/material";
import {t} from "i18next";
import {patchRequest} from "@/common/utils/RequestUtil.js";
import {useContext, useState} from "react";
import {ServerContext} from "@/common/contexts/Server";
export default ({open, setOpen, uuid, setAlert, current}) => {
const {updateServer} = useContext(ServerContext);
const [name, setName] = useState(current || "");
const renameServer = async () => {
if (name === "") {
setAlert({severity: "error", message: t("server.creation.error.name")});
return;
}
setOpen(false);
await patchRequest("server/", {uuid, name});
updateServer();
setAlert({severity: "success", message: t("server.dialog.rename.success")});
}
return (
<Dialog open={open} onClose={() => setOpen(false)}>
<DialogTitle>{t("server.dialog.rename.title")}</DialogTitle>
<DialogContent>
<Stack marginTop={1} maxWidth="12rem">
<TextField label={t("server.creation.name")} variant="outlined" fullWidth value={name}
onChange={(e) => setName(e.target.value)}/>
</Stack>
</DialogContent>
<DialogActions>
<Button onClick={() => setOpen(false)}>{t("common.cancel")}</Button>
<Button onClick={renameServer} color="primary">{t("server.dialog.rename.button")}</Button>
</DialogActions>
</Dialog>
);
}