UI updates continued

This commit is contained in:
Darren Clarke 2022-12-14 13:24:50 +01:00
parent 2b9672fedf
commit 6a0cc58f60
No known key found for this signature in database
GPG key ID: E2483E6F82907488
24 changed files with 1209 additions and 306 deletions

75
components/TicketEdit.tsx Normal file
View file

@ -0,0 +1,75 @@
import { FC, useEffect } from "react";
import { Grid, Box, Typography, TextField } from "@mui/material";
import "@chatscope/chat-ui-kit-styles/dist/default/styles.min.css";
import {
MainContainer,
ChatContainer,
MessageList,
Message,
MessageInput,
Conversation,
ConversationHeader,
} from "@chatscope/chat-ui-kit-react";
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>
);
};