From 16ef674910d9682dbc4d09f2aa5b638d1e247cac Mon Sep 17 00:00:00 2001
From: Joel Jeremy Marquez <joeljeremy.marquez@gmail.com>
Date: Wed, 17 Apr 2024 06:34:47 -0700
Subject: [PATCH] [Mobile] Use decimal input mode for mobile modal amount
fields (#2607)
* Use decimal input mode for mobile modal amount fields
* Release notes
---
.../src/components/modals/HoldBufferModal.tsx | 1 +
.../src/components/modals/RolloverBudgetSummaryModal.tsx | 2 +-
.../desktop-client/src/components/modals/TransferModal.tsx | 1 +
upcoming-release-notes/2607.md | 6 ++++++
4 files changed, 9 insertions(+), 1 deletion(-)
create mode 100644 upcoming-release-notes/2607.md
diff --git a/packages/desktop-client/src/components/modals/HoldBufferModal.tsx b/packages/desktop-client/src/components/modals/HoldBufferModal.tsx
index 74ea959aa..c7e249da2 100644
--- a/packages/desktop-client/src/components/modals/HoldBufferModal.tsx
+++ b/packages/desktop-client/src/components/modals/HoldBufferModal.tsx
@@ -56,6 +56,7 @@ export function HoldBufferModal({
<FieldLabel title="Hold this amount:" />
<InitialFocus>
<InputField
+ inputMode="decimal"
defaultValue={initialAmount}
onUpdate={value => setAmount(value)}
onEnter={() => _onSubmit(amount)}
diff --git a/packages/desktop-client/src/components/modals/RolloverBudgetSummaryModal.tsx b/packages/desktop-client/src/components/modals/RolloverBudgetSummaryModal.tsx
index cd2f12c90..0cec233d8 100644
--- a/packages/desktop-client/src/components/modals/RolloverBudgetSummaryModal.tsx
+++ b/packages/desktop-client/src/components/modals/RolloverBudgetSummaryModal.tsx
@@ -34,7 +34,7 @@ export function RolloverBudgetSummaryModal({
const openTransferModal = () => {
dispatch(
pushModal('transfer', {
- title: 'Transfer',
+ title: 'Transfer: To Budget',
month,
amount: sheetValue,
onSubmit: (amount, toCategoryId) => {
diff --git a/packages/desktop-client/src/components/modals/TransferModal.tsx b/packages/desktop-client/src/components/modals/TransferModal.tsx
index 0e5577f46..dae973f5a 100644
--- a/packages/desktop-client/src/components/modals/TransferModal.tsx
+++ b/packages/desktop-client/src/components/modals/TransferModal.tsx
@@ -85,6 +85,7 @@ export function TransferModal({
<FieldLabel title="Transfer this amount:" />
<InitialFocus>
<InputField
+ inputMode="decimal"
tabIndex={1}
defaultValue={_initialAmount}
onUpdate={setAmount}
diff --git a/upcoming-release-notes/2607.md b/upcoming-release-notes/2607.md
new file mode 100644
index 000000000..d48e22fee
--- /dev/null
+++ b/upcoming-release-notes/2607.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [joel-jeremy]
+---
+
+Use decimal input mode for transfer and hold buffer modal inputs.
--
GitLab