From 29288c74ad6b6579d3ac51d1b61ef31ec1ca521f Mon Sep 17 00:00:00 2001
From: Ahmed Bouhuolia <a.bouhuolia@gmail.com>
Date: Sun, 1 Mar 2026 22:01:52 +0200
Subject: [PATCH] fix(webapp): Money In dialog fields not showing after account
 selection

Fixed the Money In dialog where form fields were not appearing after
selecting the transaction type and current account.

The issue was that AccountsSuggestField (non-Formik version) was being
used instead of FAccountsSuggestField. The non-Formik version doesn't
update Formik's form values, so the condition in MoneyInContentFields
that checks values.cashflow_account_id was never satisfied.

Also updated MoneyOutDialog to use onItemChange prop for consistency.

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
---
 .../CashFlow/MoneyInDialog/TransactionTypeFields.tsx        | 6 +++---
 .../CashFlow/MoneyOutDialog/TransactionTypeFields.tsx       | 4 ++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransactionTypeFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransactionTypeFields.tsx
index 12766f09b..ae5d3a42f 100644
--- a/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransactionTypeFields.tsx
+++ b/packages/webapp/src/containers/CashFlow/MoneyInDialog/TransactionTypeFields.tsx
@@ -19,7 +19,7 @@ import { useMoneyInDailogContext } from './MoneyInDialogProvider';
  */
 export default function TransactionTypeFields() {
   // Money in dialog context.
-  const { cashflowAccounts, setAccountId } = useMoneyInDailogContext();
+  const { cashflowAccounts, setAccountId, accountId } = useMoneyInDailogContext();
 
   // Retrieves the add money in button options.
   const addMoneyInOptions = useMemo(() => getAddMoneyInOptions(), []);
@@ -55,8 +55,8 @@ export default function TransactionTypeFields() {
             <FAccountsSuggestField
               name={'cashflow_account_id'}
               items={cashflowAccounts}
-              onItemSelect={({ id }) => {
-                setAccountId(id);
+              onItemChange={(value) => {
+                setAccountId(value);
               }}
             />
           </FFormGroup>
diff --git a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransactionTypeFields.tsx b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransactionTypeFields.tsx
index d43aa57ab..08e7f060e 100644
--- a/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransactionTypeFields.tsx
+++ b/packages/webapp/src/containers/CashFlow/MoneyOutDialog/TransactionTypeFields.tsx
@@ -60,8 +60,8 @@ function TransactionTypeFields() {
             <FAccountsSuggestField
               name={'cashflow_account_id'}
               items={cashflowAccounts}
-              onItemSelect={({ id }) => {
-                setAccountId(id);
+              onItemChange={(value) => {
+                setAccountId(value);
               }}
             />
           </FFormGroup>