QT/bigcapital
1
0
Fork 0
mirror of https://github.com/bigcapitalhq/bigcapital.git synced 2026-02-19 14:20:31 +00:00
Code Issues Packages Projects Releases Wiki Activity

BIG-71: localize moment date formats.

Browse Source
This commit is contained in:
a.bouhuolia
2021-09-15 11:30:03 +02:00
parent cc13383466
commit d5c1ec58c7
24 changed files with 144 additions and 133 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
client/src/containers/Drawers/AccountDrawer/utils.js
View File

@@ -1,27 +1,21 @@
import intl from 'react-intl-universal';
import React from 'react';
import moment from 'moment';
import { FormatDateCell } from '../../../components';
import { isBlank } from 'utils';
/**
* Debit/credit table cell.
*/
function DebitCreditTableCell({ value, payload: { account } }) {
return !isBlank(value) && value !== 0
? // <Money amount={value} currency={account.currency_code} />
account.formatted_amount
: null;
return !isBlank(value) && value !== 0 ? account.formatted_amount : null;
}
/**
* Running balance table cell.
*/
function RunningBalanceTableCell({ value, payload: { account } }) {
return (
// <Money amount={value} currency={account.currency_code} />
account.formatted_amount
);
return account.formatted_amount;
}
/**
@@ -32,7 +26,8 @@ export const useAccountReadEntriesColumns = () =>
() => [
{
Header: intl.get('transaction_date'),
accessor: ({ date }) => moment(date).format('YYYY MMM DD'),
accessor: 'date',
Cell: FormatDateCell,
width: 110,
textOverview: true,
},

8
client/src/containers/Drawers/BillDrawer/BillDetailHeader.js
View File

@@ -3,7 +3,7 @@ import intl from 'react-intl-universal';
import { defaultTo } from 'lodash';
import clsx from 'classnames';
import { DetailsMenu, DetailItem } from 'components';
import { FormatDate, DetailsMenu, DetailItem } from 'components';
import { useBillDrawerContext } from './BillDrawerProvider';
import BillDrawerCls from 'style/components/Drawers/BillDrawer.module.scss';
@@ -27,7 +27,7 @@ export default function BillDetailHeader() {
/>
<DetailItem
label={intl.get('bill_date')}
children={bill.formatted_bill_date}
children={<FormatDate value={bill.bill_date} />}
/>
<DetailItem
label={intl.get('vendor_name')}
@@ -35,7 +35,7 @@ export default function BillDetailHeader() {
/>
<DetailItem
label={intl.get('due_date')}
children={bill.formatted_due_date}
children={<FormatDate value={bill.due_date} />}
/>
</DetailsMenu>
@@ -50,7 +50,7 @@ export default function BillDetailHeader() {
/>
<DetailItem
label={intl.get('bill.details.created_at')}
children={'2020 Ang 21'}
children={<FormatDate value={bill.created_at} />}
/>
</DetailsMenu>
</div>

4
client/src/containers/Drawers/EstimateDetailDrawer/EstimateDetailHeader.js
View File

@@ -3,7 +3,7 @@ import intl from 'react-intl-universal';
import { defaultTo } from 'lodash';
import clsx from 'classnames';
import { T, DetailsMenu, DetailItem } from 'components';
import { FormatDate, T, DetailsMenu, DetailItem } from 'components';
import { useEstimateDetailDrawerContext } from './EstimateDetailDrawerProvider';
import EstimateDetailsCls from 'style/components/Drawers/EstimateDetails.module.scss';
@@ -45,7 +45,7 @@ export default function EstimateDetailHeader() {
/>
<DetailItem
label={<T id={'estimate.details.created_at'} />}
children={'2020 Ang 21'}
children={<FormatDate value={estimate.created_at} />}
/>
</DetailsMenu>
</div>

8
client/src/containers/Drawers/InvoiceDetailDrawer/InvoiceDetailHeader.js
View File

@@ -3,7 +3,7 @@ import intl from 'react-intl-universal';
import { defaultTo } from 'lodash';
import clsx from 'classnames';
import { DetailsMenu, DetailItem } from 'components';
import { DetailsMenu, DetailItem, FormatDate } from 'components';
import { useInvoiceDetailDrawerContext } from './InvoiceDetailDrawerProvider';
import InvoiceDrawerCls from 'style/components/Drawers/InvoiceDrawer.module.scss';
@@ -30,11 +30,11 @@ export default function InvoiceDetailHeader() {
/>
<DetailItem
label={intl.get('invoice_date')}
children={invoice.formatted_invoice_date}
children={<FormatDate value={invoice.invoice_date} />}
/>
<DetailItem
label={intl.get('due_date')}
children={invoice.formatted_due_date}
children={<FormatDate value={invoice.due_date} />}
/>
</DetailsMenu>
@@ -49,7 +49,7 @@ export default function InvoiceDetailHeader() {
/>
<DetailItem
label={intl.get('invoice.details.created_at')}
children={'2020 Ang 21'}
children={<FormatDate value={invoice.created_at} />}
/>
</DetailsMenu>
</div>

8
client/src/containers/Drawers/PaymentMadeDetailDrawer/PaymentMadeDetailHeader.js
View File

@@ -1,11 +1,9 @@
import React from 'react';
import intl from 'react-intl-universal';
import moment from 'moment';
import clsx from 'classnames';
import { defaultTo } from 'lodash';
import { DetailsMenu, DetailItem } from 'components';
import { DetailsMenu, DetailItem, FormatDate } from 'components';
import { usePaymentMadeDetailContext } from './PaymentMadeDetailProvider';
import PaymentDrawerCls from './PaymentMadeDrawer.module.scss';
@@ -36,7 +34,7 @@ export default function PaymentMadeDetailHeader() {
/>
<DetailItem
label={intl.get('payment_date')}
children={paymentMade.formatted_payment_date}
children={<FormatDate value={paymentMade.payment_date} />}
/>
</DetailsMenu>
@@ -47,7 +45,7 @@ export default function PaymentMadeDetailHeader() {
/>
<DetailItem
label={intl.get('created_at')}
children={moment(paymentMade.created_at).format('YYYY MMM DD')}
children={<FormatDate value={paymentMade.created_at} />}
/>
</DetailsMenu>
</div>

9
client/src/containers/Drawers/PaymentReceiveDetailDrawer/PaymentReceiveDetailHeader.js
View File

@@ -1,12 +1,9 @@
import React from 'react';
import intl from 'react-intl-universal';
import moment from 'moment';
import clsx from 'classnames';
import { defaultTo } from 'lodash';
import { DetailsMenu, DetailItem } from 'components';
import { FormatDate, DetailsMenu, DetailItem } from 'components';
import { usePaymentReceiveDetailContext } from './PaymentReceiveDetailProvider';
import PaymentDrawerCls from './PaymentReceiveDrawer.module.scss';
@@ -40,7 +37,7 @@ export default function PaymentReceiveDetailHeader() {
/>
<DetailItem
label={intl.get('payment_date')}
children={paymentReceive.formatted_payment_date}
children={<FormatDate value={paymentReceive.payment_date} />}
/>
</DetailsMenu>
@@ -51,7 +48,7 @@ export default function PaymentReceiveDetailHeader() {
/>
<DetailItem
label={intl.get('created_at')}
children={moment(paymentReceive.created_at).format('YYYY MMM DD')}
children={<FormatDate value={paymentReceive.created_at} />}
/>
</DetailsMenu>
</div>

8
client/src/containers/Drawers/ReceiptDetailDrawer/ReceiptDetailHeader.js
View File

@@ -3,7 +3,7 @@ import intl from 'react-intl-universal';
import { defaultTo } from 'lodash';
import clsx from 'classnames';
import { DetailsMenu, DetailItem } from 'components';
import { FormatDate, DetailsMenu, DetailItem } from 'components';
import { useReceiptDetailDrawerContext } from './ReceiptDetailDrawerProvider';
@@ -31,11 +31,11 @@ export default function ReceiptDetailHeader() {
/>
<DetailItem
label={intl.get('receipt_date')}
children={receipt.formatted_receipt_date}
children={<FormatDate value={receipt.receipt_date} />}
/>
<DetailItem
label={intl.get('closed_date')}
children={defaultTo(receipt.formatted_closed_at_date, '-')}
children={<FormatDate value={receipt.closed_at_date} />}
/>
</DetailsMenu>
@@ -50,7 +50,7 @@ export default function ReceiptDetailHeader() {
/>
<DetailItem
label={intl.get('receipt.details.created_at')}
children={'2020 Ang 21'}
children={<FormatDate value={receipt.created_at} />}
/>
</DetailsMenu>
</div>