Focus amount on mount

actualbudget · Apr 11, 2024 · fb727b5 · fb727b5
1 parent 7fc5e34
commit fb727b5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 1 deletion.
diff --git a/packages/desktop-client/src/components/modals/ReportCategoryBudgetMenuModal.tsx b/packages/desktop-client/src/components/modals/ReportCategoryBudgetMenuModal.tsx
@@ -43,6 +43,10 @@ export function ReportCategoryBudgetMenuModal({
     onUpdateBudget?.(amountToInteger(amount));
   };
 
+  useEffect(() => {
+    setAmountFocused(true);
+  }, []);
+
   return (
     <Modal
       title={`Budget: ${category?.name}`}

diff --git a/packages/desktop-client/src/components/modals/RolloverCategoryBudgetMenuModal.tsx b/packages/desktop-client/src/components/modals/RolloverCategoryBudgetMenuModal.tsx
@@ -1,4 +1,4 @@
-import React, { useState, type ComponentPropsWithoutRef } from 'react';
+import React, { useState, type ComponentPropsWithoutRef, useEffect } from 'react';
 
 import { rolloverBudget } from 'loot-core/client/queries';
 import { amountToInteger, integerToAmount } from 'loot-core/shared/util';
@@ -11,6 +11,7 @@ import { View } from '../common/View';
 import { FocusableAmountInput } from '../mobile/transactions/FocusableAmountInput';
 import { type CommonModalProps } from '../Modals';
 import { useSheetValue } from '../spreadsheet/useSheetValue';
+import { useInitialMount } from '../../hooks/useInitialMount';
 
 type RolloverCategoryBudgetMenuModalProps = ComponentPropsWithoutRef<
   typeof CategoryBudgetMenu
@@ -43,6 +44,10 @@ export function RolloverCategoryBudgetMenuModal({
     onUpdateBudget?.(amountToInteger(amount));
   };
 
+  useEffect(() => {
+    setAmountFocused(true);
+  }, []);
+
   return (
     <Modal
       title={`Budget: ${category?.name}`}