fix: Multi-lines transactions statements

This commit is contained in:
Ahmed Bouhuolia
2024-08-12 16:31:36 +02:00
parent 82f8648c59
commit 14d1f0bd1d
22 changed files with 96 additions and 23 deletions

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>

View File

@@ -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>