feat: add payment transaction & style

This commit is contained in:
elforjani13
2021-12-04 18:08:20 +02:00
parent 0ad5a9ed03
commit 07e52bef7a
16 changed files with 174 additions and 117 deletions

View File

@@ -14,7 +14,7 @@ export default function ItemDetail() {
return (
<div className="item-drawer">
<ItemDetailActionsBar />
<ItemPaymentTransactions />
<ItemPaymentTransactions />
<Card>
<ItemDetailHeader />
</Card>

View File

@@ -63,7 +63,7 @@ export default function BillPaymentTransactions() {
);
return (
<div className="payment-transactions">
<div className="item-drawer__table">
<Card>
<DataTable
columns={columns}

View File

@@ -58,7 +58,7 @@ export default function EstimatePaymentTransactions() {
);
return (
<div className="payment-transactions">
<div className="item-drawer__table">
<Card>
<DataTable
columns={columns}

View File

@@ -23,7 +23,7 @@ export default function InvoicePaymentTransactionsTable() {
id: 'invoice_no',
Header: intl.get('invoice_no__'),
accessor: 'invoice_no',
width: 100,
width: 240,
className: 'invoice_no',
textOverview: true,
},
@@ -31,7 +31,7 @@ export default function InvoicePaymentTransactionsTable() {
id: 'customer',
Header: intl.get('customer_name'),
accessor: 'customer.display_name',
width: 180,
width: 140,
className: 'customer_id',
clickable: true,
textOverview: true,
@@ -40,7 +40,7 @@ export default function InvoicePaymentTransactionsTable() {
id: 'reference_no',
Header: intl.get('reference_no'),
accessor: 'reference_no',
width: 90,
width: 140,
className: 'reference_no',
textOverview: true,
},
@@ -68,7 +68,7 @@ export default function InvoicePaymentTransactionsTable() {
);
return (
<div className="payment-transactions">
<div className="item-drawer__table">
<Card>
<DataTable
columns={columns}

View File

@@ -68,7 +68,7 @@ export default function ReceiptPaymentTransactions() {
);
return (
<div className="payment-transactions">
<div className="item-drawer__table">
<Card>
<DataTable
columns={columns}

View File

@@ -1,6 +1,6 @@
import React from 'react';
import { Tab } from '@blueprintjs/core';
import { DrawerMainTabs } from 'components';
import { DrawerMainTabs, FormattedMessage as T } from 'components';
import InvoicePaymentTransactionsTable from './InvoicePaymentTransactionsDataTable';
import EstimatePaymentTransactionsTable from './EstimatePaymentTransactionsDataTable';
import ReceiptPaymentTransactionsTable from './ReceiptPaymentTransactionsDataTable';
@@ -13,17 +13,18 @@ export const ItemPaymentTransactions = () => {
<DrawerMainTabs>
<Tab
id={'invoice'}
title={'Invoice'}
title={<T id={'invoice'} />}
panel={<InvoicePaymentTransactionsTable />}
/>
<Tab
id={'estiamte'}
title={'Estimate'}
title={<T id={'estimate_'} />}
panel={<EstimatePaymentTransactionsTable />}
/>
<Tab
id={'receipt'}
title={'Receipt'}
title={<T id={'receipt_'} />}
panel={<ReceiptPaymentTransactionsTable />}
/>
<Tab
@@ -34,7 +35,3 @@ export const ItemPaymentTransactions = () => {
</DrawerMainTabs>
);
};
{
/* <ItemSwitchMenuItem onChange={handleSwitch} /> */
}