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

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 withCurrentOrganization from 'containers/Organization/withCurrentOrganization';
-import { compose } from 'utils';
+import QuickPaymentReceiveForm from './QuickPaymentReceiveForm';
 
 /**
  * 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 }) {
-  const { accounts, branches, baseCurrency } = useQuickPaymentReceiveContext();
+function QuickPaymentReceiveFormFields({
+  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);
-};