mirror of
https://github.com/bigcapitalhq/bigcapital.git
synced 2026-02-16 21:00:31 +00:00
fix: Multi-lines transactions statements
This commit is contained in:
@@ -20,7 +20,9 @@ export default function BillDetailFooter() {
|
||||
<CommercialDocFooter>
|
||||
<DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
|
||||
<If condition={bill.note}>
|
||||
<DetailItem label={<T id={'note'} />}>{bill.note}</DetailItem>
|
||||
<DetailItem label={<T id={'note'} />} multiline>
|
||||
{bill.note}
|
||||
</DetailItem>
|
||||
</If>
|
||||
</DetailsMenu>
|
||||
</CommercialDocFooter>
|
||||
|
||||
@@ -9,7 +9,10 @@ export function CashflowTransactionDrawerFooter() {
|
||||
return (
|
||||
<CommercialDocFooter>
|
||||
<DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
|
||||
<DetailItem label={<T id={'cash_flow.drawer.label.statement'} />}>
|
||||
<DetailItem
|
||||
label={<T id={'cash_flow.drawer.label.statement'} />}
|
||||
multiline
|
||||
>
|
||||
{cashflowTransaction.description}
|
||||
</DetailItem>
|
||||
</DetailsMenu>
|
||||
|
||||
@@ -21,11 +21,15 @@ export default function CreditNoteDetailFooter() {
|
||||
<CommercialDocFooter>
|
||||
<DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
|
||||
<If condition={creditNote.terms_conditions}>
|
||||
<DetailItem label={<T id={'note'} />} children={creditNote.note} />
|
||||
<DetailItem
|
||||
label={<T id={'note'} />}
|
||||
children={creditNote.note}
|
||||
multiline
|
||||
/>
|
||||
</If>
|
||||
|
||||
<If condition={creditNote.terms_conditions}>
|
||||
<DetailItem label={<T id={'terms_conditions'} />}>
|
||||
<DetailItem label={<T id={'terms_conditions'} />} multiline>
|
||||
{creditNote.terms_conditions}
|
||||
</DetailItem>
|
||||
</If>
|
||||
|
||||
@@ -16,17 +16,20 @@ import { useEstimateDetailDrawerContext } from './EstimateDetailDrawerProvider';
|
||||
*/
|
||||
export default function EstimateDetailFooter() {
|
||||
const { estimate } = useEstimateDetailDrawerContext();
|
||||
|
||||
|
||||
return (
|
||||
<CommercialDocFooter>
|
||||
<DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
|
||||
<If condition={estimate.terms_conditions}>
|
||||
<DetailItem label={<T id={'estimate.details.terms_conditions'} />}>
|
||||
<DetailItem
|
||||
label={<T id={'estimate.details.terms_conditions'} />}
|
||||
multiline
|
||||
>
|
||||
{estimate.terms_conditions}
|
||||
</DetailItem>
|
||||
</If>
|
||||
<If condition={estimate.note}>
|
||||
<DetailItem label={<T id={'estimate.details.note'} />}>
|
||||
<DetailItem label={<T id={'estimate.details.note'} />} multiline>
|
||||
{estimate.note}
|
||||
</DetailItem>
|
||||
</If>
|
||||
|
||||
@@ -23,13 +23,16 @@ export function InvoiceDetailFooter() {
|
||||
<CommercialDocFooter>
|
||||
<DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
|
||||
<If condition={invoice.terms_conditions}>
|
||||
<DetailItem label={<T id={'terms_conditions'} />}>
|
||||
<DetailItem label={<T id={'terms_conditions'} />} multiline>
|
||||
{invoice.terms_conditions}
|
||||
</DetailItem>
|
||||
</If>
|
||||
|
||||
<If condition={invoice.invoice_message}>
|
||||
<DetailItem label={<T id={'invoice.details.invoice_message'} />}>
|
||||
<DetailItem
|
||||
label={<T id={'invoice.details.invoice_message'} />}
|
||||
multiline
|
||||
>
|
||||
{invoice.invoice_message}
|
||||
</DetailItem>
|
||||
</If>
|
||||
|
||||
@@ -20,7 +20,10 @@ export function PaymentMadeDetailFooter() {
|
||||
<CommercialDocFooter>
|
||||
<DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
|
||||
<If condition={paymentMade.statement}>
|
||||
<DetailItem label={<T id={'payment_made.details.statement'} />}>
|
||||
<DetailItem
|
||||
label={<T id={'payment_made.details.statement'} />}
|
||||
multiline
|
||||
>
|
||||
{paymentMade.statement}
|
||||
</DetailItem>
|
||||
</If>
|
||||
|
||||
@@ -16,12 +16,15 @@ import { usePaymentReceiveDetailContext } from './PaymentReceiveDetailProvider';
|
||||
*/
|
||||
export default function PaymentReceiveDetailFooter() {
|
||||
const { paymentReceive } = usePaymentReceiveDetailContext();
|
||||
|
||||
|
||||
return (
|
||||
<CommercialDocFooter>
|
||||
<DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
|
||||
<If condition={paymentReceive.statement}>
|
||||
<DetailItem label={<T id={'payment_receive.details.statement'} />}>
|
||||
<DetailItem
|
||||
label={<T id={'payment_receive.details.statement'} />}
|
||||
multiline
|
||||
>
|
||||
{paymentReceive.statement}
|
||||
</DetailItem>
|
||||
</If>
|
||||
|
||||
@@ -21,12 +21,15 @@ export default function ReceiptDetailFooter() {
|
||||
<CommercialDocFooter>
|
||||
<DetailsMenu direction={'horizantal'} minLabelSize={'180px'}>
|
||||
<If condition={receipt.statement}>
|
||||
<DetailItem label={<T id={'receipt.details.statement'} />}>
|
||||
<DetailItem label={<T id={'receipt.details.statement'} />} multiline>
|
||||
{receipt.statement}
|
||||
</DetailItem>
|
||||
</If>
|
||||
<If condition={receipt.receipt_message}>
|
||||
<DetailItem label={<T id={'receipt.details.receipt_message'} />}>
|
||||
<DetailItem
|
||||
label={<T id={'receipt.details.receipt_message'} />}
|
||||
multiline
|
||||
>
|
||||
{receipt.receipt_message}
|
||||
</DetailItem>
|
||||
</If>
|
||||
|
||||
@@ -16,7 +16,11 @@ export function VendorCreditDetailFooter() {
|
||||
<CommercialDocFooter>
|
||||
<DetailsMenu direction={'horizantal'} minLabelSize={'150px'}>
|
||||
<If condition={vendorCredit.note}>
|
||||
<DetailItem label={<T id={'note'} />} children={vendorCredit.note} />
|
||||
<DetailItem
|
||||
label={<T id={'note'} />}
|
||||
children={vendorCredit.note}
|
||||
multiline
|
||||
/>
|
||||
</If>
|
||||
</DetailsMenu>
|
||||
</CommercialDocFooter>
|
||||
|
||||
Reference in New Issue
Block a user