feat: add formatted amount & date in credit view.

This commit is contained in:
elforjani13
2021-12-02 17:04:24 +02:00
parent 0fedd2479d
commit 26cf1d20f3
4 changed files with 13 additions and 11 deletions

View File

@@ -18,12 +18,12 @@ export default function CreditNoteDetailDrawerFooter() {
<TotalLines className={clsx(CreditNoteDetailCls.total_lines)}> <TotalLines className={clsx(CreditNoteDetailCls.total_lines)}>
<TotalLine <TotalLine
title={<T id={'credit_note.drawer.label_subtotal'} />} title={<T id={'credit_note.drawer.label_subtotal'} />}
value={<FormatNumber value={creditNote.amount} />} value={<FormatNumber value={creditNote.formatted_amount} />}
className={CreditNoteDetailCls.total_line_subtotal} className={CreditNoteDetailCls.total_line_subtotal}
/> />
<TotalLine <TotalLine
title={<T id={'credit_note.drawer.label_total'} />} title={<T id={'credit_note.drawer.label_total'} />}
value={creditNote.amount} value={creditNote.formatted_amount}
className={CreditNoteDetailCls.total_line_total} className={CreditNoteDetailCls.total_line_total}
/> />
</TotalLines> </TotalLines>

View File

@@ -18,7 +18,7 @@ export default function CreditNoteDetailHeader() {
<div className={clsx(CreditNoteDetailCls.detail_panel_header)}> <div className={clsx(CreditNoteDetailCls.detail_panel_header)}>
<DetailsMenu> <DetailsMenu>
<DetailItem label={intl.get('amount')}> <DetailItem label={intl.get('amount')}>
<span class="big-number">{creditNote.amount}</span> <span class="big-number">{creditNote.formatted_amount}</span>
</DetailItem> </DetailItem>
<DetailItem <DetailItem
label={intl.get('credit_note.drawer.label_credit_note_no')} label={intl.get('credit_note.drawer.label_credit_note_no')}
@@ -30,7 +30,9 @@ export default function CreditNoteDetailHeader() {
/> />
<DetailItem <DetailItem
label={intl.get('credit_note.drawer.label_credit_note_date')} label={intl.get('credit_note.drawer.label_credit_note_date')}
children={<FormatDate value={creditNote.credit_note_date} />} children={
<FormatDate value={creditNote.formatted_credit_note_date} />
}
/> />
</DetailsMenu> </DetailsMenu>

View File

@@ -11,7 +11,6 @@ import VendorCreditDetailCls from '../../../style/components/Drawers/VendorCredi
* Vendor Credit detail panel footer. * Vendor Credit detail panel footer.
*/ */
export default function VendorCreditDetailDrawerFooter() { export default function VendorCreditDetailDrawerFooter() {
const { vendorCredit } = useVendorCreditDetailDrawerContext(); const { vendorCredit } = useVendorCreditDetailDrawerContext();
return ( return (
@@ -19,16 +18,15 @@ export default function VendorCreditDetailDrawerFooter() {
<TotalLines className={clsx(VendorCreditDetailCls.total_lines)}> <TotalLines className={clsx(VendorCreditDetailCls.total_lines)}>
<TotalLine <TotalLine
title={<T id={'vendor_credit.drawer.label_subtotal'} />} title={<T id={'vendor_credit.drawer.label_subtotal'} />}
value={<FormatNumber value={vendorCredit.amount} />} value={<FormatNumber value={vendorCredit.formatted_amount} />}
className={VendorCreditDetailCls.total_line_subtotal} className={VendorCreditDetailCls.total_line_subtotal}
/> />
<TotalLine <TotalLine
title={<T id={'vendor_credit.drawer.label_total'} />} title={<T id={'vendor_credit.drawer.label_total'} />}
value={vendorCredit.amount} value={vendorCredit.formatted_amount}
className={VendorCreditDetailCls.total_line_total} className={VendorCreditDetailCls.total_line_total}
/> />
</TotalLines> </TotalLines>
</div> </div>
) );
} }

View File

@@ -17,7 +17,7 @@ export default function VendorCreditDetailHeader() {
<div className={clsx(VendorCreditDetailCls.detail_panel_header)}> <div className={clsx(VendorCreditDetailCls.detail_panel_header)}>
<DetailsMenu> <DetailsMenu>
<DetailItem label={intl.get('amount')}> <DetailItem label={intl.get('amount')}>
<span class="big-number">{vendorCredit.amount}</span> <span class="big-number">{vendorCredit.formatted_amount}</span>
</DetailItem> </DetailItem>
<DetailItem <DetailItem
label={intl.get('vendor_credit.drawer.label_vendor_credit_no')} label={intl.get('vendor_credit.drawer.label_vendor_credit_no')}
@@ -29,7 +29,9 @@ export default function VendorCreditDetailHeader() {
/> />
<DetailItem <DetailItem
label={intl.get('vendor_credit.drawer.label_vendor_credit_date')} label={intl.get('vendor_credit.drawer.label_vendor_credit_date')}
children={<FormatDate value={vendorCredit.vendor_credit_date} />} children={
<FormatDate value={vendorCredit.formatted_vendor_credit_date} />
}
/> />
</DetailsMenu> </DetailsMenu>