fix(webapp): No currency in amount field on money in/out dialogs

packages/webapp/src/containers/CashFlow/MoneyInDialog/MoneyInContentFields.tsx

@@ -1,18 +1,22 @@
 // @ts-nocheck
-import React from 'react';
+import React, { useMemo } from 'react';
+import { useFormikContext } from 'formik';
 
 import OwnerContributionFormFields from './OwnerContribution/OwnerContributionFormFields';
 import OtherIncomeFormFields from './OtherIncome/OtherIncomeFormFields';
 import TransferFromAccountFormFields from './TransferFromAccount/TransferFromAccountFormFields';
+import { MoneyInFieldsProvider } from './MoneyInFieldsProvider';
 
 /**
- *
- * @param param0
- * @returns
+ * Money-in dialog content.
+ * Switches between fields based on the given transaction type.
+ * @returns {JSX.Element}
  */
-export default function MoneyInContentFields({ accountType }) {
-  const handleTransactionType = () => {
-    switch (accountType) {
+export default function MoneyInContentFields() {
+  const { values } = useFormikContext();
+
+  const transactionFields = useMemo(() => {
+    switch (values.transaction_type) {
       case 'owner_contribution':
         return <OwnerContributionFormFields />;
 
@@ -24,6 +28,10 @@ export default function MoneyInContentFields({ accountType }) {
       default:
         break;
     }
-  };
-  return <React.Fragment>{handleTransactionType()}</React.Fragment>;
+  }, [values.transaction_type]);
+
+  // Cannot continue if transaction type or account is not selected.
+  if (!values.transaction_type || !values.cashflow_account_id) return null;
+
+  return <MoneyInFieldsProvider>{transactionFields}</MoneyInFieldsProvider>;
 }