67 lines
1.6 KiB
TypeScript
67 lines
1.6 KiB
TypeScript
|
import { FC, useEffect } from "react";
|
||
|
|
import { Grid, Box, Typography, TextField } from "@mui/material";
|
||
|
|
import "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css";
|
||
|
|
|
||
|
|
interface TicketEditProps {
|
||
|
|
ticket: any;
|
||
|
|
}
|
||
|
|
|
||
|
|
export const TicketEdit: FC<TicketEditProps> = ({ ticket }) => {
|
||
|
|
return (
|
||
|
|
<Box sx={{ height: "100vh", background: "#ddd", p: 2 }}>
|
||
|
|
<Grid container direction="column" spacing={3}>
|
||
|
|
<Grid item>
|
||
|
|
<TextField
|
||
|
|
label="Group"
|
||
|
|
size="small"
|
||
|
|
sx={{
|
||
|
|
width: "100%",
|
||
|
|
fieldset: { backgroundColor: "white" },
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</Grid>
|
||
|
|
<Grid item>
|
||
|
|
<TextField
|
||
|
|
label="Owner"
|
||
|
|
size="small"
|
||
|
|
sx={{
|
||
|
|
width: "100%",
|
||
|
|
fieldset: { backgroundColor: "white" },
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</Grid>
|
||
|
|
<Grid item>
|
||
|
|
<TextField
|
||
|
|
label="State"
|
||
|
|
size="small"
|
||
|
|
sx={{
|
||
|
|
width: "100%",
|
||
|
|
fieldset: { backgroundColor: "white" },
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</Grid>
|
||
|
|
<Grid item>
|
||
|
|
<TextField
|
||
|
|
label="Priority"
|
||
|
|
size="small"
|
||
|
|
sx={{
|
||
|
|
width: "100%",
|
||
|
|
fieldset: { backgroundColor: "white" },
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</Grid>
|
||
|
|
<Grid item>
|
||
|
|
<TextField
|
||
|
|
label="Tags"
|
||
|
|
size="small"
|
||
|
|
sx={{
|
||
|
|
width: "100%",
|
||
|
|
fieldset: { backgroundColor: "white" },
|
||
|
|
}}
|
||
|
|
/>
|
||
|
|
</Grid>
|
||
|
|
</Grid>
|
||
|
|
</Box>
|
||
|
|
);
|
||
|
|
};
|