feat(qucikpayment):add exchange rate muted & branch.

src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormDialogContent.js

@@ -5,30 +5,17 @@ import 'style/pages/PaymentReceive/QuickPaymentReceiveDialog.scss';
 import { QuickPaymentMadeFormProvider } from './QuickPaymentMadeFormProvider';
 import QuickPaymentMadeForm from './QuickPaymentMadeForm';
 
-import withCurrentOrganization from 'containers/Organization/withCurrentOrganization';
-import { compose } from 'utils';
-
 /**
  * Quick payment made form dialog content.
  */
-function QuickPaymentMadeFormDialogContent({
+export default function QuickPaymentMadeFormDialogContent({
   // #ownProps
   dialogName,
   bill,
-  // #withCurrentOrganization
-  organization: { base_currency },
 }) {
   return (
-    <QuickPaymentMadeFormProvider
+    <QuickPaymentMadeFormProvider billId={bill} dialogName={dialogName}>
-      billId={bill}
-      baseCurrency={base_currency}
-      dialogName={dialogName}
-    >
       <QuickPaymentMadeForm />
     </QuickPaymentMadeFormProvider>
   );
 }
-
-export default compose(withCurrentOrganization())(
-  QuickPaymentMadeFormDialogContent,
-);

src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormFields.js

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 import { FastField, ErrorMessage, useFormikContext } from 'formik';
 import { FormattedMessage as T } from 'components';
+import { isEqual } from 'lodash';
 import intl from 'react-intl-universal';
 import {
   Classes,
@@ -38,12 +39,17 @@ import {
 import { useSetPrimaryBranchToForm, useForeignAccount } from './utils';
 import { useQuickPaymentMadeContext } from './QuickPaymentMadeFormProvider';
 
+import withCurrentOrganization from 'containers/Organization/withCurrentOrganization';
+import { compose } from 'utils';
+
 /**
  * Quick payment made form fields.
  */
-export default function QuickPaymentMadeFormFields() {
+function QuickPaymentMadeFormFields({
+  // #withCurrentOrganization
+  organization: { base_currency },
+}) {
   const { accounts, branches, baseCurrency } = useQuickPaymentMadeContext();
-  const isForeigAccount = useForeignAccount();
 
   // Intl context.
   const { values } = useFormikContext();
@@ -145,7 +151,8 @@ export default function QuickPaymentMadeFormFields() {
           </FormGroup>
         )}
       </FastField>
-      <If condition={isForeigAccount}>
+
+      <If condition={!isEqual(base_currency, values.currency_code)}>
         {/*------------ exchange rate -----------*/}
         <ExchangeRateMutedField
           name={'exchange_rate'}
@@ -249,6 +256,8 @@ export default function QuickPaymentMadeFormFields() {
   );
 }
 
+export default compose(withCurrentOrganization())(QuickPaymentMadeFormFields);
+
 export const BranchRowDivider = styled.div`
   height: 1px;
   background: #ebf1f6;

src/containers/Dialogs/QuickPaymentMadeFormDialog/QuickPaymentMadeFormProvider.js

@@ -14,12 +14,7 @@ const QuickPaymentMadeContext = React.createContext();
 /**
  * Quick payment made dialog provider.
  */
-function QuickPaymentMadeFormProvider({
+function QuickPaymentMadeFormProvider({ billId, dialogName, ...props }) {
-  billId,
-  baseCurrency,
-  dialogName,
-  ...props
-}) {
   // Handle fetch bill details.
   const { isLoading: isBillLoading, data: bill } = useBill(billId, {
     enabled: !!billId,
@@ -48,7 +43,6 @@ function QuickPaymentMadeFormProvider({
     accounts,
     branches,
     dialogName,
-    baseCurrency,
     createPaymentMadeMutate,
     isBranchesSuccess,
   };

src/containers/Dialogs/QuickPaymentMadeFormDialog/utils.js

@@ -47,10 +47,3 @@ export const useSetPrimaryBranchToForm = () => {
     }
   }, [isBranchesSuccess, setFieldValue, branches]);
 };
-
-export const useForeignAccount = () => {
-  const { values } = useFormikContext();
-  const { baseCurrency } = useQuickPaymentMadeContext();
-
-  return !isEqual(baseCurrency, values.currency_code);
-};

src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormDialogContent.js

@@ -2,32 +2,23 @@ import React from 'react';
 
 import 'style/pages/PaymentReceive/QuickPaymentReceiveDialog.scss';
 
-import QuickPaymentReceiveForm from './QuickPaymentReceiveForm';
 import { QuickPaymentReceiveFormProvider } from './QuickPaymentReceiveFormProvider';
-
+import QuickPaymentReceiveForm from './QuickPaymentReceiveForm';
-import withCurrentOrganization from 'containers/Organization/withCurrentOrganization';
-import { compose } from 'utils';
 
 /**
  * Quick payment receive form dialog content.
  */
-function QuickPaymentReceiveFormDialogContent({
+export default function QuickPaymentReceiveFormDialogContent({
   // #ownProps
   dialogName,
   invoice,
-  // #withCurrentOrganization
-  organization: { base_currency },
 }) {
   return (
     <QuickPaymentReceiveFormProvider
       invoiceId={invoice}
       dialogName={dialogName}
-      baseCurrency={base_currency}
     >
       <QuickPaymentReceiveForm />
     </QuickPaymentReceiveFormProvider>
   );
 }
-export default compose(withCurrentOrganization())(
-  QuickPaymentReceiveFormDialogContent,
-);

src/containers/Dialogs/QuickPaymentReceiveFormDialog/QuickPaymentReceiveFormFields.js

@@ -4,6 +4,7 @@ import { FastField, ErrorMessage, useFormikContext } from 'formik';
 import { FormattedMessage as T } from 'components';
 import intl from 'react-intl-universal';
 import { useAutofocus } from 'hooks';
+import { isEqual } from 'lodash';
 import {
   Classes,
   FormGroup,
@@ -36,17 +37,22 @@ import {
   handleDateChange,
   compose,
 } from 'utils';
-import { useSetPrimaryBranchToForm, useForeignAccount } from './utils';
+import { useSetPrimaryBranchToForm } from './utils';
 import { useQuickPaymentReceiveContext } from './QuickPaymentReceiveFormProvider';
+
+import withCurrentOrganization from 'containers/Organization/withCurrentOrganization';
 import withSettings from 'containers/Settings/withSettings';
 
 /**
  * Quick payment receive form fields.
  */
-function QuickPaymentReceiveFormFields({ paymentReceiveAutoIncrement }) {
+function QuickPaymentReceiveFormFields({
-  const { accounts, branches, baseCurrency } = useQuickPaymentReceiveContext();
+  paymentReceiveAutoIncrement,
 
-  const isForeigAccount = useForeignAccount();
+  // #withCurrentOrganization
+  organization: { base_currency },
+}) {
+  const { accounts, branches, baseCurrency } = useQuickPaymentReceiveContext();
 
   // Intl context.
   const { values } = useFormikContext();
@@ -151,7 +157,7 @@ function QuickPaymentReceiveFormFields({ paymentReceiveAutoIncrement }) {
         )}
       </FastField>
 
-      <If condition={isForeigAccount}>
+      <If condition={!isEqual(base_currency, values.currency_code)}>
         {/*------------ exchange rate -----------*/}
         <ExchangeRateMutedField
           name={'exchange_rate'}
@@ -242,6 +248,7 @@ function QuickPaymentReceiveFormFields({ paymentReceiveAutoIncrement }) {
           </FormGroup>
         )}
       </FastField>
+
       {/* --------- Statement --------- */}
       <FastField name={'statement'}>
         {({ form, field, meta: { error, touched } }) => (
@@ -261,6 +268,7 @@ export default compose(
   withSettings(({ paymentReceiveSettings }) => ({
     paymentReceiveAutoIncrement: paymentReceiveSettings?.autoIncrement,
   })),
+  withCurrentOrganization(),
 )(QuickPaymentReceiveFormFields);
 
 export const BranchRowDivider = styled.div`

src/containers/Dialogs/QuickPaymentReceiveFormDialog/utils.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import moment from 'moment';
 import intl from 'react-intl-universal';
-import { first, isEqual } from 'lodash';
+import { first } from 'lodash';
 
 import { useFormikContext } from 'formik';
 import { useQuickPaymentReceiveContext } from './QuickPaymentReceiveFormProvider';
@@ -55,10 +55,3 @@ export const useSetPrimaryBranchToForm = () => {
     }
   }, [isBranchesSuccess, setFieldValue, branches]);
 };
-
-export const useForeignAccount = () => {
-  const { values } = useFormikContext();
-  const { baseCurrency } = useQuickPaymentReceiveContext();
-
-  return !isEqual(baseCurrency, values.currency_code);
-};