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

This commit is contained in:
Piyush Katkar
2026-02-13 04:29:23 +05:30
committed by GitHub
parent 003efecc23
commit 96a3128305
5 changed files with 18 additions and 6 deletions

View File

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

View File

@@ -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,

View File

@@ -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,

View File

@@ -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,

View File

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