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

client portal dashboard & claim-reports

Browse Source
This commit is contained in:
Muhammad Fajar
2022-11-10 10:00:24 +07:00
parent ce8f59c2ff
commit ca36d1a593
14 changed files with 513 additions and 429 deletions
Download Patch File Download Diff File Expand all files Collapse all files

31
frontend/client-portal/src/sections/dashboard/BalanceCard.tsx
View File

@@ -25,11 +25,13 @@ const RootStyle = styled(Card)(({ theme }) => ({
// ----------------------------------------------------------------------
const INITIAL = 500000000;
const TOTAL = 250000000;
const PERCENT = 50;
const INITIAL = '500.000.000';
const TOTAL = 375000000;
const PERCENT = 75;
export default function BalanceCard(props: any) {
const { setOpenPopup } = props;
export default function BalanceCard() {
const BorderLinearProgress = styled(LinearProgress)(({ theme }) => ({
height: 10,
borderRadius: 6,
@@ -50,7 +52,7 @@ export default function BalanceCard() {
Total Limit
</Typography>
<Typography sx={{ typography: 'body2' }}>{fCurrency(TOTAL)}</Typography>
<Typography sx={{ typography: 'caption' }}>/ {INITIAL}</Typography>
<Typography sx={{ typography: 'caption', color: '#919EAB' }}>/ {INITIAL}</Typography>
</div>
<Stack direction="row" alignItems="center" justifyContent="center">
@@ -60,11 +62,23 @@ export default function BalanceCard() {
</Stack>
</Stack>
<BorderLinearProgress variant="determinate" value={50} sx={{ mb: 1 }} />
<BorderLinearProgress variant="determinate" value={PERCENT} sx={{ mb: 1 }} />
<Stack sx={{ backgroundColor: '#B2E8E8', paddingY: 1, paddingX: 1.5, mb: 2 }}>
<Typography sx={{ typography: 'caption' }}>Lock Fund ( 25% )</Typography>
<Typography sx={{ typography: 'caption' }}>125.000.000 / 125.000.000</Typography>
<Typography sx={{ typography: 'caption', display: 'flex', alignItems: 'center' }}>
<Iconify
icon="bxs:lock-alt"
width={12}
height={13}
sx={{ color: '#424242', marginRight: '6px' }}
/>
<Typography variant="caption" component="span">
Lock Fund ( 25% )
</Typography>
</Typography>
<Typography sx={{ typography: 'caption', color: '#637381' }}>
125.000.000 / 125.000.000
</Typography>
</Stack>
<Stack direction="row" spacing={2}>
@@ -72,6 +86,7 @@ export default function BalanceCard() {
variant="outlined"
startIcon={<Iconify icon="bi:clipboard-check-fill" />}
fullWidth={true}
onClick={() => setOpenPopup(true)}
>
Submit Claim
</Button>

2
frontend/client-portal/src/sections/dashboard/DashboardTable.tsx
View File

@@ -148,7 +148,7 @@ export default function DashboardTable() {
accept=".csv, application/vnd.openxmlformats-officedocument.spreadsheetml.sheet, application/vnd.ms-excel, text/plain"
/> */}
{/* Button Add Task */}
<Button startIcon={<AddIcon />} sx={{ p: 1.8, minWidth: '142px' }}>
<Button variant="contained" startIcon={<AddIcon />} sx={{ p: 1.8, minWidth: '142px' }}>
Add Data
</Button>
</Stack>