LAB-linuxserver/budge
1
0
Fork 0
mirror of https://github.com/linuxserver/budge.git synced 2026-03-09 00:08:38 +08:00
Code Issues Packages Projects Releases Wiki Activity

added close buttons

Browse Source
This commit is contained in:
Alex Phillips 2022-02-06 19:33:49 -05:00
parent e3885f7b1f
commit 2c5e4f2eb1
1 changed files with 21 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

36
frontend/src/components/ImportCSV.js
View File

@ -178,8 +178,8 @@ export default function ImportCSV({ accountId, open, close }) {
}
const onClose = () => {
setStage('UPLOAD')
close()
setStage('UPLOAD')
}
return (
@ -187,14 +187,8 @@ export default function ImportCSV({ accountId, open, close }) {
<DialogTitle>Import from CSV</DialogTitle>
<Box
sx={{
// position: 'absolute',
// top: '50%',
// left: '50%',
// transform: 'translate(-50%, -50%)',
minWidth: '600px',
bgcolor: 'background.paper',
boxShadow: 24,
p: 4,
p: 2,
}}
>
{stage === 'UPLOAD' && (
@ -206,10 +200,15 @@ export default function ImportCSV({ accountId, open, close }) {
/>
</FormGroup>
<Button variant="contained" component="label">
Upload File
<input type="file" hidden onChange={uploadFile} />
</Button>
<Stack direction="row" justifyContent="flex-end" alignItems="center" spacing={0} sx={{ pt: 2 }}>
<Button size="small" component="label">
Select File
<input type="file" hidden accept=".csv" onChange={uploadFile} />
</Button>
<Button size="small" component="label" onClick={onClose}>
Close
</Button>
</Stack>
</Box>
)}
@ -236,9 +235,16 @@ export default function ImportCSV({ accountId, open, close }) {
</Stack>
</Box>
))}
<Button variant="contained" component="label" onClick={importTransactions}>
Import
</Button>
<Stack direction="row" justifyContent="flex-end" alignItems="center" spacing={0} sx={{ pt: 2 }}>
<Button size="small" component="label" onClick={importTransactions}>
Import
</Button>
<Button size="small" component="label" onClick={onClose}>
Close
</Button>
</Stack>
</Box>
)}