tbfajri/aso
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Update Upload File Request Dashboard PrimeCenter

Browse Source
This commit is contained in:
ivan-sim
2023-11-03 13:53:37 +07:00
parent 79c8e475e8
commit ec3327b5af
5 changed files with 378 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files

28
frontend/dashboard/src/pages/ClaimRequests/Detail.tsx
View File

@@ -40,6 +40,7 @@ export default function Detail() {
const { themeStretch } = useSettings();
const [data, setData] = useState();
const [dataDialog, setDataDialog] = useState();
const [document, setDocument] = useState(null);
const { id } = useParams();
@@ -49,6 +50,7 @@ export default function Detail() {
.then((response) => {
setData(response.data);
setDataDialog(response.data.data.dialog_submits);
setDocument(response.data.data.documents);
})
.catch((error) => {
@@ -71,11 +73,9 @@ export default function Detail() {
const handleInvoiceInputChange = (event) => {
if (event.target.files[0]) {
console.log('ok');
setFileInvoices([...fileInvoices, ...event.target.files]);
setFileInvoices([...fileInvoices, ...event.target.files]);
} else {
console.log('NO FILE');
console.log('NO FILE');
}
};
const removeInvoiceFiles = (filesState, index) => {
@@ -130,6 +130,8 @@ export default function Detail() {
};
const check_invoice = document?.find((dataInvoice) => dataInvoice.type === 'claim-invoice');
return (
<Page title='Detail'>
<Container maxWidth={themeStretch ? false : 'xl'}>
@@ -156,14 +158,16 @@ export default function Detail() {
</Button>
</Stack>
</Grid>
<Grid item xs={12} md={12}>
<Stack direction="row" alignItems="center">
<Typography variant="subtitle1">Request Claim</Typography>
<Button variant="outlined" color="primary" startIcon={ isInvoiceVisible ? < RemoveIcon/> : < AddIcon/>} sx={{marginLeft: 'auto'}} onClick={() => handleInvoice()}>
<Typography variant="button" display="block">Invoice</Typography>
</Button>
</Stack>
</Grid>
{!check_invoice ? (
<Grid item xs={12} md={12}>
<Stack direction="row" alignItems="center">
<Typography variant="subtitle1">Request Claim</Typography>
<Button variant="outlined" color="primary" startIcon={ isInvoiceVisible ? < RemoveIcon/> : < AddIcon/>} sx={{marginLeft: 'auto'}} onClick={() => handleInvoice()}>
<Typography variant="button" display="block">Invoice</Typography>
</Button>
</Stack>
</Grid>
) : ''}
<Grid item xs={12} md={12} sx={{display : isInvoiceVisible ? '' : 'none',}}>
<Card sx={{padding: 2}}>
<Stack direction="column" spacing={2}>