Skip to content

Commit

Permalink
Showing 7 changed files with 342 additions and 273 deletions.
5 changes: 5 additions & 0 deletions .changeset/shy-windows-kick.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,5 @@
---
'@monite/sdk-react': patch
---

Update table styles
Original file line number Diff line number Diff line change
@@ -233,6 +233,7 @@ const CreditNotesTableBase = ({
overflow: 'hidden',
height: 'inherit',
minHeight: '500px',
paddingTop: 2,
}}
>
<ReceivableFilters onChange={onChangeFilter} filters={filters} />
Original file line number Diff line number Diff line change
@@ -163,42 +163,87 @@ const InvoicesTableBase = ({
gap={0.5}
sx={{ maxWidth: '100%', '& > *': { maxWidth: '100%' } }}
>
<Typography
variant="body1"
className="Monite-TextOverflowContainer"
>
<Box sx={{ display: 'flex' }}>
{(() => {
if (row.status === 'recurring') {
return (
<Box
sx={{
alignItems: 'center',
display: 'inline-flex',
display: 'flex',
verticalAlign: 'middle',
fontSize: 'inherit',
gap: 0.5,
}}
>
<Sync fontSize="small" color="inherit" />
{t(i18n)`Recurring`}
<Typography
variant="body1"
sx={{ display: 'flex' }}
className=""
>
<>
<Sync
fontSize="small"
sx={{ marginRight: '4px' }}
color="inherit"
/>
{t(i18n)`Recurring`}
</>
</Typography>
</Box>
);
}

if (!value) {
return <Box color="text.secondary">{t(i18n)`INV-auto`}</Box>;
return (
<Box
color="text.secondary"
sx={{
alignItems: 'center',
display: 'inline-flex',
verticalAlign: 'middle',
fontSize: 'inherit',
marginRight: '4px',
}}
>
<Typography
variant="body1"
className="Monite-TextOverflowContainer"
>
{t(i18n)`INV-auto`}
</Typography>
</Box>
);
}

return value;
})()}
</Typography>
{row.type === 'invoice' && row.recurrence_id ? (
<InvoiceRecurrenceStatusChipLoader
recurrenceId={row.recurrence_id}
/>
) : (
<InvoiceStatusChip status={row.status} size="small" />
)}
{row.type === 'invoice' && row.recurrence_id ? (
<Box
sx={{
alignItems: 'center',
display: 'inline-flex',
verticalAlign: 'middle',
marginLeft: '4px',
}}
>
<InvoiceRecurrenceStatusChipLoader
recurrenceId={row.recurrence_id}
/>
</Box>
) : (
<Box
sx={{
alignItems: 'center',
display: 'inline-flex',
verticalAlign: 'middle',
marginLeft: '4px',
}}
>
<InvoiceStatusChip status={row.status} size="small" />
</Box>
)}
</Box>
</Stack>
),
},
Original file line number Diff line number Diff line change
@@ -247,6 +247,7 @@ const QuotesTableBase = ({
overflow: 'hidden',
height: 'inherit',
minHeight: '500px',
paddingTop: 2,
}}
>
<ReceivableFilters onChange={onChangeFilter} filters={filters} />
Loading

0 comments on commit d145e5e

Please sign in to comment.