feat( S&P ): add branch name to details.

This commit is contained in:
elforjani13
2022-03-02 19:07:09 +02:00
parent e46609e3f1
commit 7f4ee26979
10 changed files with 106 additions and 10 deletions

View File

@@ -2,6 +2,8 @@ import React from 'react';
import intl from 'react-intl-universal';
import { DrawerHeaderContent, DrawerLoading } from 'components';
import { useBill, useBillLocatedLandedCost } from 'hooks/query';
import { useFeatureCan } from 'hooks/state';
import { Features } from 'common';
const BillDrawerContext = React.createContext();
@@ -9,6 +11,9 @@ const BillDrawerContext = React.createContext();
* Bill drawer provider.
*/
function BillDrawerProvider({ billId, ...props }) {
// Features guard.
const { featureCan } = useFeatureCan();
// Handle fetch bill details.
const { isLoading: isBillLoading, data: bill } = useBill(billId, {
enabled: !!billId,
@@ -36,6 +41,13 @@ function BillDrawerProvider({ billId, ...props }) {
title={intl.get('bill.drawer.title', {
number: bill.bill_number ? `(${bill.bill_number})` : null,
})}
subTitle={
featureCan(Features.Branches)
? intl.get('bill.drawer.subtitle', {
value: bill.branch?.name,
})
: null
}
/>
<BillDrawerContext.Provider value={provider} {...props} />
</DrawerLoading>

View File

@@ -7,6 +7,8 @@ import {
useReconcileCreditNotes,
} from 'hooks/query';
import { DrawerHeaderContent, DrawerLoading } from 'components';
import { Features } from 'common';
import { useFeatureCan } from 'hooks/state';
const CreditNoteDetailDrawerContext = React.createContext();
@@ -14,6 +16,9 @@ const CreditNoteDetailDrawerContext = React.createContext();
* Credit note detail drawer provider.
*/
function CreditNoteDetailDrawerProvider({ creditNoteId, ...props }) {
// Features guard.
const { featureCan } = useFeatureCan();
// Handle fetch vendor credit details.
const { data: creditNote, isLoading: isCreditNoteLoading } = useCreditNote(
creditNoteId,
@@ -70,6 +75,13 @@ function CreditNoteDetailDrawerProvider({ creditNoteId, ...props }) {
title={intl.get('credit_note.drawer.title', {
number: creditNote.credit_note_number,
})}
subTitle={
featureCan(Features.Branches)
? intl.get('credit_note.drawer.subtitle', {
value: creditNote.branch?.name,
})
: null
}
/>
<CreditNoteDetailDrawerContext.Provider value={provider} {...props} />
</DrawerLoading>

View File

@@ -2,6 +2,8 @@ import React from 'react';
import intl from 'react-intl-universal';
import { useEstimate } from 'hooks/query';
import { DrawerHeaderContent, DrawerLoading } from 'components';
import { Features } from 'common';
import { useFeatureCan } from 'hooks/state';
const EstimateDetailDrawerContext = React.createContext();
@@ -9,6 +11,9 @@ const EstimateDetailDrawerContext = React.createContext();
* Estimate detail provider.
*/
function EstimateDetailDrawerProvider({ estimateId, ...props }) {
// Features guard.
const { featureCan } = useFeatureCan();
// Fetches the estimate by the given id.
const { data: estimate, isLoading: isEstimateLoading } = useEstimate(
estimateId,
@@ -27,6 +32,13 @@ function EstimateDetailDrawerProvider({ estimateId, ...props }) {
title={intl.get('estimate.drawer.title', {
number: estimate.estimate_number,
})}
subTitle={
featureCan(Features.Branches)
? intl.get('estimate.drawer.subtitle', {
value: estimate.branch?.name,
})
: null
}
/>
<EstimateDetailDrawerContext.Provider value={provider} {...props} />
</DrawerLoading>

View File

@@ -18,8 +18,6 @@ function InvoiceDetailDrawerProvider({ invoiceId, ...props }) {
enabled: !!invoiceId,
});
// const isFeatureCan = featureCan(Features.Branches);
// Provider.
const provider = {
invoiceId,

View File

@@ -1,11 +1,9 @@
import React from 'react';
import intl from 'react-intl-universal';
import { DrawerHeaderContent, DrawerLoading } from 'components';
import {
useTransactionsByReference,
usePaymentMade,
usePaymentMadeEditPage,
} from 'hooks/query';
import { usePaymentMade } from 'hooks/query';
import { useFeatureCan } from 'hooks/state';
import { Features } from 'common';
const PaymentMadeDetailContext = React.createContext();
@@ -13,6 +11,9 @@ const PaymentMadeDetailContext = React.createContext();
* Payment made detail provider.
*/
function PaymentMadeDetailProvider({ paymentMadeId, ...props }) {
// Features guard.
const { featureCan } = useFeatureCan();
// Handle fetch specific payment made details.
const { data: paymentMade, isLoading: isPaymentMadeLoading } = usePaymentMade(
paymentMadeId,
@@ -37,6 +38,13 @@ function PaymentMadeDetailProvider({ paymentMadeId, ...props }) {
? `(${paymentMade.payment_number})`
: '',
})}
subTitle={
featureCan(Features.Branches)
? intl.get('payment_made.drawer.subtitle', {
value: paymentMade.branch?.name,
})
: null
}
/>
<PaymentMadeDetailContext.Provider value={provider} {...props} />
</DrawerLoading>

View File

@@ -2,6 +2,8 @@ import React from 'react';
import intl from 'react-intl-universal';
import { DrawerHeaderContent, DrawerLoading } from 'components';
import { usePaymentReceive } from 'hooks/query';
import { Features } from 'common';
import { useFeatureCan } from 'hooks/state';
const PaymentReceiveDetailContext = React.createContext();
@@ -9,6 +11,9 @@ const PaymentReceiveDetailContext = React.createContext();
* Payment receive detail provider.
*/
function PaymentReceiveDetailProvider({ paymentReceiveId, ...props }) {
// Features guard.
const { featureCan } = useFeatureCan();
// Fetches specific payment receive details.
const {
data: paymentReceive,
@@ -32,6 +37,13 @@ function PaymentReceiveDetailProvider({ paymentReceiveId, ...props }) {
title={intl.get('payment_receive.drawer.title', {
number: paymentReceive.payment_receive_no,
})}
subTitle={
featureCan(Features.Branches)
? intl.get('payment_receive.drawer.subtitle', {
value: paymentReceive.branch?.name,
})
: null
}
/>
<PaymentReceiveDetailContext.Provider value={provider} {...props} />
</DrawerLoading>

View File

@@ -2,6 +2,8 @@ import React from 'react';
import intl from 'react-intl-universal';
import { DrawerHeaderContent, DrawerLoading } from 'components';
import { useReceipt } from 'hooks/query';
import { Features } from 'common';
import { useFeatureCan } from 'hooks/state';
// useTransactionsByReference
const ReceiptDetailDrawerContext = React.createContext();
@@ -10,6 +12,9 @@ const ReceiptDetailDrawerContext = React.createContext();
* Receipt detail provider.
*/
function ReceiptDetailDrawerProvider({ receiptId, ...props }) {
// Features guard.
const { featureCan } = useFeatureCan();
// Fetch sale receipt details.
const { data: receipt, isFetching: isReceiptLoading } = useReceipt(
receiptId,
@@ -31,6 +36,13 @@ function ReceiptDetailDrawerProvider({ receiptId, ...props }) {
title={intl.get('receipt.drawer.title', {
number: receipt.receipt_number,
})}
subTitle={
featureCan(Features.Branches)
? intl.get('receipt.drawer.subtitle', {
value: receipt.branch?.name,
})
: null
}
/>
<ReceiptDetailDrawerContext.Provider value={provider} {...props} />
</DrawerLoading>

View File

@@ -6,6 +6,8 @@ import {
useReconcileVendorCredits,
} from 'hooks/query';
import { DrawerHeaderContent, DrawerLoading } from 'components';
import { useFeatureCan } from 'hooks/state';
import { Features } from 'common';
const VendorCreditDetailDrawerContext = React.createContext();
@@ -13,6 +15,9 @@ const VendorCreditDetailDrawerContext = React.createContext();
* Vendor credit drawer provider.
*/
function VendorCreditDetailDrawerProvider({ vendorCreditId, ...props }) {
// Features guard.
const { featureCan } = useFeatureCan();
// Handle fetch vendor credit details.
const { data: vendorCredit, isLoading: isVendorCreditLoading } =
useVendorCredit(vendorCreditId, {
@@ -59,6 +64,13 @@ function VendorCreditDetailDrawerProvider({ vendorCreditId, ...props }) {
title={intl.get('vendor_credit.drawer_vendor_credit_detail', {
vendorNumber: vendorCredit.vendor_credit_number,
})}
subTitle={
featureCan(Features.Branches)
? intl.get('vendor_credit.drawer.subtitle', {
value: vendorCredit.branch?.name,
})
: null
}
/>
<VendorCreditDetailDrawerContext.Provider value={provider} {...props} />
</DrawerLoading>