Fix mobile budget amount inputs when hide decimal places is enabled (#6945)

Author: piyush-1337

packages/desktop-client/src/components/mobile/transactions/TransactionEdit.tsx

@@ -460,7 +460,7 @@ const ChildTransactionEdit = forwardRef<
                   onClearActiveEdit();
                 }
               }}
-              autoDecimals={!hideFraction}
+              autoDecimals={String(hideFraction) !== 'true'}
             />
           </View>
         </View>

packages/desktop-client/src/components/modals/CoverModal.tsx

@@ -24,6 +24,7 @@ import {
 import { AmountInput } from '@desktop-client/components/util/AmountInput';
 import { useCategories } from '@desktop-client/hooks/useCategories';
 import { useInitialMount } from '@desktop-client/hooks/useInitialMount';
+import { useSyncedPref } from '@desktop-client/hooks/useSyncedPref';
 import { pushModal } from '@desktop-client/modals/modalsSlice';
 import type { Modal as ModalType } from '@desktop-client/modals/modalsSlice';
 import { useDispatch } from '@desktop-client/redux';
@@ -39,6 +40,7 @@ export function CoverModal({
   onSubmit,
 }: CoverModalProps) {
   const { t } = useTranslation();
+  const [hideFraction] = useSyncedPref('hideFraction');
 
   const { data: { grouped: originalCategoryGroups } = { grouped: [] } } =
     useCategories();
@@ -107,7 +109,7 @@ export function CoverModal({
             <InitialFocus>
               <AmountInput
                 value={amount}
-                autoDecimals
+                autoDecimals={String(hideFraction) !== 'true'}
                 style={{
                   marginLeft: styles.mobileEditingPadding,
                   marginRight: styles.mobileEditingPadding,

packages/desktop-client/src/components/modals/HoldBufferModal.tsx

@@ -14,6 +14,7 @@ import {
 } from '@desktop-client/components/common/Modal';
 import { FieldLabel } from '@desktop-client/components/mobile/MobileForms';
 import { AmountInput } from '@desktop-client/components/util/AmountInput';
+import { useSyncedPref } from '@desktop-client/hooks/useSyncedPref';
 import type { Modal as ModalType } from '@desktop-client/modals/modalsSlice';
 import { envelopeBudget } from '@desktop-client/spreadsheet/bindings';
 
@@ -24,6 +25,7 @@ type HoldBufferModalProps = Extract<
 
 export function HoldBufferModal({ onSubmit }: HoldBufferModalProps) {
   const { t } = useTranslation(); // Initialize i18next
+  const [hideFraction] = useSyncedPref('hideFraction');
   const available = useEnvelopeSheetValue(envelopeBudget.toBudget) ?? 0;
   const [amount, setAmount] = useState<number>(0);
 
@@ -49,8 +51,8 @@ export function HoldBufferModal({ onSubmit }: HoldBufferModalProps) {
             <FieldLabel title={t('Hold this amount:')} />{' '}
             <InitialFocus>
               <AmountInput
-                value={available}
-                autoDecimals
+                value={amount}
+                autoDecimals={String(hideFraction) !== 'true'}
                 zeroSign="+"
                 style={{
                   marginLeft: styles.mobileEditingPadding,

packages/desktop-client/src/components/modals/TransferModal.tsx

@@ -23,6 +23,7 @@ import {
 } from '@desktop-client/components/mobile/MobileForms';
 import { AmountInput } from '@desktop-client/components/util/AmountInput';
 import { useCategories } from '@desktop-client/hooks/useCategories';
+import { useSyncedPref } from '@desktop-client/hooks/useSyncedPref';
 import { pushModal } from '@desktop-client/modals/modalsSlice';
 import type { Modal as ModalType } from '@desktop-client/modals/modalsSlice';
 import { useDispatch } from '@desktop-client/redux';
@@ -38,6 +39,7 @@ export function TransferModal({
   onSubmit,
 }: TransferModalProps) {
   const { t } = useTranslation();
+  const [hideFraction] = useSyncedPref('hideFraction');
 
   const { data: { grouped: originalCategoryGroups } = { grouped: [] } } =
     useCategories();
@@ -99,8 +101,8 @@ export function TransferModal({
               <FieldLabel title={t('Transfer this amount:')} />
               <InitialFocus>
                 <AmountInput
-                  value={initialAmount}
-                  autoDecimals
+                  value={amount}
+                  autoDecimals={String(hideFraction) !== 'true'}
                   style={{
                     marginLeft: styles.mobileEditingPadding,
                     marginRight: styles.mobileEditingPadding,

upcoming-release-notes/6945.md

@@ -0,0 +1,6 @@
+---
+category: Bugfixes
+authors: [piyush-1337]
+---
+
+Fix mobile budget amount inputs when hide decimal places is enabled