add fitur edit hak kamar, penempatan dan submission date

frontend/dashboard/src/pages/CustomerService/Request/Detail.tsx

@@ -5,6 +5,7 @@ import {
     Typography,
     Card,
     Dialog,
+    MenuItem,
  } from '@mui/material';
 // components
 import Page from '../../../components/Page';
@@ -20,6 +21,9 @@ import { DetailRequestLogType } from './Model/Types';
 import { fDate, fDateTimesecond } from '@/utils/formatTime';
 import { Button } from '@mui/material';
 import DialogConfirmation from './Components/DialogConfirmation';
+import MoreMenu from '@/components/MoreMenu';
+import { EditOutlined } from '@mui/icons-material';
+import DialogEditInformation from './Components/DialogEditInformation';
 
 // ----------------------------------------------------------------------
 
@@ -66,9 +70,10 @@ export default function Detail() {
     const handleCloseDialogSubmit = () => {
         setOpenDialogSubmit(false);
     }
-
+    
     const [approve, setApprove] = useState('')
-
+    
+    const [openDialogEdit, setOpenDialogEdit] = useState(false);
     return (
         <Page title='Detail'>
         <Container maxWidth={themeStretch ? false : 'xl'}>
@@ -79,7 +84,28 @@ export default function Detail() {
             <Grid container spacing={2}>
                 <Grid item xs={12} md={12}>
                     <Card sx={{padding:2}}  >
-                        <Typography variant='subtitle1' sx={{color: '#19BBBB', marginBottom: 4}} gutterBottom>Detail</Typography>
+                        <Grid container spacing={2}> 
+                            <Grid item xs={6}>
+                                <Typography variant='subtitle1' sx={{ color: '#19BBBB', marginBottom: 4 }} gutterBottom>
+                                Detail
+                                </Typography>
+                            </Grid>
+                            <Grid item xs={6} sx={{ display: 'flex', placeContent: 'end' }}>
+                                <MoreMenu
+                                    actions={
+                                    <>
+                                        <MenuItem onClick={() => {
+                                            setOpenDialogEdit(true);
+                                        }}>
+                                        <EditOutlined />
+                                        Edit
+                                        </MenuItem>
+                                    </>
+                                    }
+                                />
+                            </Grid>
+                        
+                        </Grid>
                         <Stack direction='row' spacing={2} sx={marginBottom1}>
                             <Typography variant='subtitle2' sx={style1} gutterBottom>Provider Name</Typography>
                             <Typography variant='subtitle2' sx={style2} gutterBottom>{requestLog?.provider}</Typography>
@@ -185,9 +211,20 @@ export default function Detail() {
                             openDialog={openDialogSubmit}
                             approve={approve}
                             ></DialogConfirmation>
+                        
                     </Stack>
                 </Grid>
                 ) : null}
+                <Grid item xs={12} md={12}>
+                    <Stack direction="row" padding={4} sx={{ justifyContent: 'space-between' }}>
+                        <DialogEditInformation 
+                                setOpenDialog={setOpenDialogEdit}
+                                requestLog={requestLog}
+                                openDialog={openDialogEdit}
+                            >
+                            </DialogEditInformation>
+                    </Stack>
+                </Grid>
                 
             </Grid>
         </Container>