Add today button on mobile budget page (actualbudget#4380)

* feat: today button on mobile budget page Jumps to the current month * add release note * cleaner onCurrentMonth * Update VRT * use SvgCalendar from icons/v2 Co-authored-by: Matt Fiddaman <[email protected]> * Update VRT --------- Co-authored-by: github-actions[bot] <github-actions[bot]@users.noreply.github.com> Co-authored-by: Matt Fiddaman <[email protected]>
lelemm · Feb 18, 2025 · 2601ea0 · 2601ea0
1 parent df25849
commit 2601ea0
Show file tree

Hide file tree

Showing 102 changed files with 25 additions and 1 deletion.
diff --git a/...s-snapshots/Mobile-Budget-Envelope-applies-budget-template-1-chromium-linux.png b/...s-snapshots/Mobile-Budget-Envelope-applies-budget-template-1-chromium-linux.png
diff --git a/...s-snapshots/Mobile-Budget-Envelope-applies-budget-template-2-chromium-linux.png b/...s-snapshots/Mobile-Budget-Envelope-applies-budget-template-2-chromium-linux.png
diff --git a/...s-snapshots/Mobile-Budget-Envelope-applies-budget-template-3-chromium-linux.png b/...s-snapshots/Mobile-Budget-Envelope-applies-budget-template-3-chromium-linux.png
diff --git a/...cking--14404-in-the-page-header-opens-the-month-menu-modal-3-chromium-linux.png b/...cking--14404-in-the-page-header-opens-the-month-menu-modal-3-chromium-linux.png
diff --git a/...cking--321fd-ed-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png b/...cking--321fd-ed-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png
diff --git a/...cking--4bb70-ed-amount-opens-the-budget-summary-menu-modal-1-chromium-linux.png b/...cking--4bb70-ed-amount-opens-the-budget-summary-menu-modal-1-chromium-linux.png
diff --git a/...cking--589a6-the-page-header-shows-the-next-month-s-budget-2-chromium-linux.png b/...cking--589a6-the-page-header-shows-the-next-month-s-budget-2-chromium-linux.png
diff --git a/...cking--6ab37-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png b/...cking--6ab37-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png
diff --git a/...cking--6dbdb-page-header-shows-the-previous-month-s-budget-1-chromium-linux.png b/...cking--6dbdb-page-header-shows-the-previous-month-s-budget-1-chromium-linux.png
diff --git a/...cking--7bd8f-the-page-header-shows-the-next-month-s-budget-3-chromium-linux.png b/...cking--7bd8f-the-page-header-shows-the-next-month-s-budget-3-chromium-linux.png
diff --git a/...cking--884ac-the-page-header-shows-the-next-month-s-budget-1-chromium-linux.png b/...cking--884ac-the-page-header-shows-the-next-month-s-budget-1-chromium-linux.png
diff --git a/...cking--94a79-roup-name-opens-the-category-group-menu-modal-2-chromium-linux.png b/...cking--94a79-roup-name-opens-the-category-group-menu-modal-2-chromium-linux.png
diff --git a/...cking--94a85-ed-amount-opens-the-budget-summary-menu-modal-3-chromium-linux.png b/...cking--94a85-ed-amount-opens-the-budget-summary-menu-modal-3-chromium-linux.png
diff --git a/...cking--96ebb-page-header-shows-the-previous-month-s-budget-3-chromium-linux.png b/...cking--96ebb-page-header-shows-the-previous-month-s-budget-3-chromium-linux.png
diff --git a/...cking--9e6aa-in-the-page-header-opens-the-budget-page-menu-1-chromium-linux.png b/...cking--9e6aa-in-the-page-header-opens-the-budget-page-menu-1-chromium-linux.png
diff --git a/...cking--bbde3-roup-name-opens-the-category-group-menu-modal-3-chromium-linux.png b/...cking--bbde3-roup-name-opens-the-category-group-menu-modal-3-chromium-linux.png
diff --git a/...cking--bed18-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png b/...cking--bed18-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png
diff --git a/...cking--ceb3a-in-the-page-header-opens-the-month-menu-modal-2-chromium-linux.png b/...cking--ceb3a-in-the-page-header-opens-the-month-menu-modal-2-chromium-linux.png
diff --git a/...cking--d270d-in-the-page-header-opens-the-budget-page-menu-2-chromium-linux.png b/...cking--d270d-in-the-page-header-opens-the-budget-page-menu-2-chromium-linux.png
diff --git a/...cking--d7184-page-header-shows-the-previous-month-s-budget-2-chromium-linux.png b/...cking--d7184-page-header-shows-the-previous-month-s-budget-2-chromium-linux.png
diff --git a/...cking--fdd57-in-the-page-header-opens-the-budget-page-menu-3-chromium-linux.png b/...cking--fdd57-in-the-page-header-opens-the-budget-page-menu-3-chromium-linux.png
diff --git a/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-1-chromium-linux.png b/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-1-chromium-linux.png
diff --git a/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-2-chromium-linux.png b/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-2-chromium-linux.png
diff --git a/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-3-chromium-linux.png b/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-3-chromium-linux.png
diff --git a/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-1-chromium-linux.png b/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-1-chromium-linux.png
diff --git a/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-2-chromium-linux.png b/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-2-chromium-linux.png
diff --git a/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-3-chromium-linux.png b/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-3-chromium-linux.png
diff --git a/...t-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png b/...t-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png
diff --git a/...t-clicking-the-category-name-opens-the-category-menu-modal-2-chromium-linux.png b/...t-clicking-the-category-name-opens-the-category-menu-modal-2-chromium-linux.png
diff --git a/...t-clicking-the-category-name-opens-the-category-menu-modal-3-chromium-linux.png b/...t-clicking-the-category-name-opens-the-category-menu-modal-3-chromium-linux.png
diff --git a/...napshots/Mobile-Budget-Envelope-copies-last-month-s-budget-1-chromium-linux.png b/...napshots/Mobile-Budget-Envelope-copies-last-month-s-budget-1-chromium-linux.png
diff --git a/...napshots/Mobile-Budget-Envelope-copies-last-month-s-budget-2-chromium-linux.png b/...napshots/Mobile-Budget-Envelope-copies-last-month-s-budget-2-chromium-linux.png
diff --git a/...napshots/Mobile-Budget-Envelope-copies-last-month-s-budget-3-chromium-linux.png b/...napshots/Mobile-Budget-Envelope-copies-last-month-s-budget-3-chromium-linux.png
diff --git a/...udget-Envelope-loads-the-budget-page-with-budgeted-amounts-1-chromium-linux.png b/...udget-Envelope-loads-the-budget-page-with-budgeted-amounts-1-chromium-linux.png
diff --git a/...udget-Envelope-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png b/...udget-Envelope-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png
diff --git a/...udget-Envelope-loads-the-budget-page-with-budgeted-amounts-3-chromium-linux.png b/...udget-Envelope-loads-the-budget-page-with-budgeted-amounts-3-chromium-linux.png
diff --git a/...hots/Mobile-Budget-Envelope-set-budget-to-12-month-average-1-chromium-linux.png b/...hots/Mobile-Budget-Envelope-set-budget-to-12-month-average-1-chromium-linux.png
diff --git a/...hots/Mobile-Budget-Envelope-set-budget-to-12-month-average-2-chromium-linux.png b/...hots/Mobile-Budget-Envelope-set-budget-to-12-month-average-2-chromium-linux.png
diff --git a/...hots/Mobile-Budget-Envelope-set-budget-to-12-month-average-3-chromium-linux.png b/...hots/Mobile-Budget-Envelope-set-budget-to-12-month-average-3-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Envelope-set-budget-to-3-month-average-1-chromium-linux.png b/...shots/Mobile-Budget-Envelope-set-budget-to-3-month-average-1-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Envelope-set-budget-to-3-month-average-2-chromium-linux.png b/...shots/Mobile-Budget-Envelope-set-budget-to-3-month-average-2-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Envelope-set-budget-to-3-month-average-3-chromium-linux.png b/...shots/Mobile-Budget-Envelope-set-budget-to-3-month-average-3-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Envelope-set-budget-to-6-month-average-1-chromium-linux.png b/...shots/Mobile-Budget-Envelope-set-budget-to-6-month-average-1-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Envelope-set-budget-to-6-month-average-2-chromium-linux.png b/...shots/Mobile-Budget-Envelope-set-budget-to-6-month-average-2-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Envelope-set-budget-to-6-month-average-3-chromium-linux.png b/...shots/Mobile-Budget-Envelope-set-budget-to-6-month-average-3-chromium-linux.png
diff --git a/...apshots/Mobile-Budget-Envelope-updates-the-budgeted-amount-1-chromium-linux.png b/...apshots/Mobile-Budget-Envelope-updates-the-budgeted-amount-1-chromium-linux.png
diff --git a/...apshots/Mobile-Budget-Envelope-updates-the-budgeted-amount-2-chromium-linux.png b/...apshots/Mobile-Budget-Envelope-updates-the-budgeted-amount-2-chromium-linux.png
diff --git a/...apshots/Mobile-Budget-Envelope-updates-the-budgeted-amount-3-chromium-linux.png b/...apshots/Mobile-Budget-Envelope-updates-the-budgeted-amount-3-chromium-linux.png
diff --git a/...s-snapshots/Mobile-Budget-Tracking-applies-budget-template-1-chromium-linux.png b/...s-snapshots/Mobile-Budget-Tracking-applies-budget-template-1-chromium-linux.png
diff --git a/...s-snapshots/Mobile-Budget-Tracking-applies-budget-template-2-chromium-linux.png b/...s-snapshots/Mobile-Budget-Tracking-applies-budget-template-2-chromium-linux.png
diff --git a/...s-snapshots/Mobile-Budget-Tracking-applies-budget-template-3-chromium-linux.png b/...s-snapshots/Mobile-Budget-Tracking-applies-budget-template-3-chromium-linux.png
diff --git a/...cking--0ba04-nt-amount-opens-the-budget-summary-menu-modal-1-chromium-linux.png b/...cking--0ba04-nt-amount-opens-the-budget-summary-menu-modal-1-chromium-linux.png
diff --git a/...cking--0dfe7-page-header-shows-the-previous-month-s-budget-1-chromium-linux.png b/...cking--0dfe7-page-header-shows-the-previous-month-s-budget-1-chromium-linux.png
diff --git a/...cking--1ce6d-nt-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png b/...cking--1ce6d-nt-amount-opens-the-budget-summary-menu-modal-2-chromium-linux.png
diff --git a/...cking--42062-in-the-page-header-opens-the-month-menu-modal-2-chromium-linux.png b/...cking--42062-in-the-page-header-opens-the-month-menu-modal-2-chromium-linux.png
diff --git a/...cking--49fb6-in-the-page-header-opens-the-month-menu-modal-3-chromium-linux.png b/...cking--49fb6-in-the-page-header-opens-the-month-menu-modal-3-chromium-linux.png
diff --git a/...cking--5f098-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png b/...cking--5f098-roup-name-opens-the-category-group-menu-modal-1-chromium-linux.png
diff --git a/...cking--7c353-the-page-header-shows-the-next-month-s-budget-3-chromium-linux.png b/...cking--7c353-the-page-header-shows-the-next-month-s-budget-3-chromium-linux.png
diff --git a/...cking--929be-roup-name-opens-the-category-group-menu-modal-3-chromium-linux.png b/...cking--929be-roup-name-opens-the-category-group-menu-modal-3-chromium-linux.png
diff --git a/...cking--a3783-in-the-page-header-opens-the-budget-page-menu-1-chromium-linux.png b/...cking--a3783-in-the-page-header-opens-the-budget-page-menu-1-chromium-linux.png
diff --git a/...cking--a8b5e-in-the-page-header-opens-the-budget-page-menu-3-chromium-linux.png b/...cking--a8b5e-in-the-page-header-opens-the-budget-page-menu-3-chromium-linux.png
diff --git a/...cking--b1562-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png b/...cking--b1562-in-the-page-header-opens-the-month-menu-modal-1-chromium-linux.png
diff --git a/...cking--cfb69-page-header-shows-the-previous-month-s-budget-2-chromium-linux.png b/...cking--cfb69-page-header-shows-the-previous-month-s-budget-2-chromium-linux.png
diff --git a/...cking--d5af6-the-page-header-shows-the-next-month-s-budget-1-chromium-linux.png b/...cking--d5af6-the-page-header-shows-the-next-month-s-budget-1-chromium-linux.png
diff --git a/...cking--dc927-roup-name-opens-the-category-group-menu-modal-2-chromium-linux.png b/...cking--dc927-roup-name-opens-the-category-group-menu-modal-2-chromium-linux.png
diff --git a/...cking--f2198-the-page-header-shows-the-next-month-s-budget-2-chromium-linux.png b/...cking--f2198-the-page-header-shows-the-next-month-s-budget-2-chromium-linux.png
diff --git a/...cking--f224f-nt-amount-opens-the-budget-summary-menu-modal-3-chromium-linux.png b/...cking--f224f-nt-amount-opens-the-budget-summary-menu-modal-3-chromium-linux.png
diff --git a/...cking--f7fa3-page-header-shows-the-previous-month-s-budget-3-chromium-linux.png b/...cking--f7fa3-page-header-shows-the-previous-month-s-budget-3-chromium-linux.png
diff --git a/...cking--f8a19-in-the-page-header-opens-the-budget-page-menu-2-chromium-linux.png b/...cking--f8a19-in-the-page-header-opens-the-budget-page-menu-2-chromium-linux.png
diff --git a/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-1-chromium-linux.png b/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-1-chromium-linux.png
diff --git a/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-2-chromium-linux.png b/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-2-chromium-linux.png
diff --git a/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-3-chromium-linux.png b/...hat-clicking-the-balance-cell-opens-the-balance-menu-modal-3-chromium-linux.png
diff --git a/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-1-chromium-linux.png b/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-1-chromium-linux.png
diff --git a/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-2-chromium-linux.png b/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-2-chromium-linux.png
diff --git a/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-3-chromium-linux.png b/...hat-clicking-the-budgeted-cell-opens-the-budget-menu-modal-3-chromium-linux.png
diff --git a/...t-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png b/...t-clicking-the-category-name-opens-the-category-menu-modal-1-chromium-linux.png
diff --git a/...t-clicking-the-category-name-opens-the-category-menu-modal-2-chromium-linux.png b/...t-clicking-the-category-name-opens-the-category-menu-modal-2-chromium-linux.png
diff --git a/...t-clicking-the-category-name-opens-the-category-menu-modal-3-chromium-linux.png b/...t-clicking-the-category-name-opens-the-category-menu-modal-3-chromium-linux.png
diff --git a/...napshots/Mobile-Budget-Tracking-copies-last-month-s-budget-1-chromium-linux.png b/...napshots/Mobile-Budget-Tracking-copies-last-month-s-budget-1-chromium-linux.png
diff --git a/...napshots/Mobile-Budget-Tracking-copies-last-month-s-budget-2-chromium-linux.png b/...napshots/Mobile-Budget-Tracking-copies-last-month-s-budget-2-chromium-linux.png
diff --git a/...napshots/Mobile-Budget-Tracking-copies-last-month-s-budget-3-chromium-linux.png b/...napshots/Mobile-Budget-Tracking-copies-last-month-s-budget-3-chromium-linux.png
diff --git a/...udget-Tracking-loads-the-budget-page-with-budgeted-amounts-1-chromium-linux.png b/...udget-Tracking-loads-the-budget-page-with-budgeted-amounts-1-chromium-linux.png
diff --git a/...udget-Tracking-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png b/...udget-Tracking-loads-the-budget-page-with-budgeted-amounts-2-chromium-linux.png
diff --git a/...udget-Tracking-loads-the-budget-page-with-budgeted-amounts-3-chromium-linux.png b/...udget-Tracking-loads-the-budget-page-with-budgeted-amounts-3-chromium-linux.png
diff --git a/...hots/Mobile-Budget-Tracking-set-budget-to-12-month-average-1-chromium-linux.png b/...hots/Mobile-Budget-Tracking-set-budget-to-12-month-average-1-chromium-linux.png
diff --git a/...hots/Mobile-Budget-Tracking-set-budget-to-12-month-average-2-chromium-linux.png b/...hots/Mobile-Budget-Tracking-set-budget-to-12-month-average-2-chromium-linux.png
diff --git a/...hots/Mobile-Budget-Tracking-set-budget-to-12-month-average-3-chromium-linux.png b/...hots/Mobile-Budget-Tracking-set-budget-to-12-month-average-3-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Tracking-set-budget-to-3-month-average-1-chromium-linux.png b/...shots/Mobile-Budget-Tracking-set-budget-to-3-month-average-1-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Tracking-set-budget-to-3-month-average-2-chromium-linux.png b/...shots/Mobile-Budget-Tracking-set-budget-to-3-month-average-2-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Tracking-set-budget-to-3-month-average-3-chromium-linux.png b/...shots/Mobile-Budget-Tracking-set-budget-to-3-month-average-3-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Tracking-set-budget-to-6-month-average-1-chromium-linux.png b/...shots/Mobile-Budget-Tracking-set-budget-to-6-month-average-1-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Tracking-set-budget-to-6-month-average-2-chromium-linux.png b/...shots/Mobile-Budget-Tracking-set-budget-to-6-month-average-2-chromium-linux.png
diff --git a/...shots/Mobile-Budget-Tracking-set-budget-to-6-month-average-3-chromium-linux.png b/...shots/Mobile-Budget-Tracking-set-budget-to-6-month-average-3-chromium-linux.png
diff --git a/...apshots/Mobile-Budget-Tracking-updates-the-budgeted-amount-1-chromium-linux.png b/...apshots/Mobile-Budget-Tracking-updates-the-budgeted-amount-1-chromium-linux.png
diff --git a/...apshots/Mobile-Budget-Tracking-updates-the-budgeted-amount-2-chromium-linux.png b/...apshots/Mobile-Budget-Tracking-updates-the-budgeted-amount-2-chromium-linux.png
diff --git a/...apshots/Mobile-Budget-Tracking-updates-the-budgeted-amount-3-chromium-linux.png b/...apshots/Mobile-Budget-Tracking-updates-the-budgeted-amount-3-chromium-linux.png
diff --git a/...obile-Transactions-creates-a-transaction-via-footer-button-7-chromium-linux.png b/...obile-Transactions-creates-a-transaction-via-footer-button-7-chromium-linux.png
diff --git a/...obile-Transactions-creates-a-transaction-via-footer-button-8-chromium-linux.png b/...obile-Transactions-creates-a-transaction-via-footer-button-8-chromium-linux.png
diff --git a/...obile-Transactions-creates-a-transaction-via-footer-button-9-chromium-linux.png b/...obile-Transactions-creates-a-transaction-via-footer-button-9-chromium-linux.png
diff --git a/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx b/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx
@@ -29,7 +29,7 @@ import {
   SvgArrowThickRight,
   SvgCheveronRight,
 } from '../../../icons/v1';
-import { SvgViewShow } from '../../../icons/v2';
+import { SvgCalendar, SvgViewShow } from '../../../icons/v2';
 import { useDispatch } from '../../../redux';
 import { theme, styles } from '../../../style';
 import { BalanceWithCarryover } from '../../budget/BalanceWithCarryover';
@@ -1627,6 +1627,7 @@ export function BudgetTable({
   // editMode,
   onPrevMonth,
   onNextMonth,
+  onCurrentMonth,
   onSaveGroup,
   onDeleteGroup,
   onAddCategory,
@@ -1693,6 +1694,16 @@ export function BudgetTable({
               />
             </Button>
           }
+          rightContent={
+            <Button
+              variant="bare"
+              onPress={onCurrentMonth}
+              aria-label={t('Today')}
+              style={{ margin: 10 }}
+            >
+              <SvgCalendar width={20} height={20} />
+            </Button>
+          }
         />
       }
     >

diff --git a/packages/desktop-client/src/components/mobile/budget/index.tsx b/packages/desktop-client/src/components/mobile/budget/index.tsx
@@ -286,6 +286,12 @@ export function Budget() {
     setInitialized(true);
   }, [budgetType, setStartMonthPref, spreadsheet, startMonth]);
 
+  const onCurrentMonth = useCallback(async () => {
+    await prewarmMonth(budgetType, spreadsheet, currMonth);
+    setStartMonthPref(currMonth);
+    setInitialized(true);
+  }, [budgetType, setStartMonthPref, spreadsheet, currMonth]);
+
   // const onOpenMonthActionMenu = () => {
   //   const options = [
   //     'Copy last month’s budget',
@@ -500,6 +506,7 @@ export function Budget() {
             onShowBudgetSummary={onShowBudgetSummary}
             onPrevMonth={onPrevMonth}
             onNextMonth={onNextMonth}
+            onCurrentMonth={onCurrentMonth}
             onSaveGroup={onSaveGroup}
             onDeleteGroup={onDeleteGroup}
             onAddCategory={onOpenNewCategoryModal}

diff --git a/upcoming-release-notes/4380.md b/upcoming-release-notes/4380.md
@@ -0,0 +1,6 @@
+---
+category: Enhancements
+authors: [adastx]
+---
+
+Add button to go to current month in budget view on mobile