diff --git a/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-1-chromium-linux.png b/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-1-chromium-linux.png index 568ed03a9dd..bb4dbe8bb07 100644 Binary files a/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-1-chromium-linux.png and b/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-1-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-2-chromium-linux.png b/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-2-chromium-linux.png index 51bb6f2433d..0701d986a0d 100644 Binary files a/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-2-chromium-linux.png and b/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-2-chromium-linux.png differ diff --git a/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-3-chromium-linux.png b/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-3-chromium-linux.png index 7577f513fc6..304586b3ef4 100644 Binary files a/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-3-chromium-linux.png and b/packages/desktop-client/e2e/accounts.mobile.test.js-snapshots/Mobile-Accounts-opens-the-accounts-page-and-asserts-on-balances-3-chromium-linux.png differ diff --git a/packages/desktop-client/src/components/mobile/accounts/Accounts.jsx b/packages/desktop-client/src/components/mobile/accounts/Accounts.jsx index 6084b3713df..3a4f276d99b 100644 --- a/packages/desktop-client/src/components/mobile/accounts/Accounts.jsx +++ b/packages/desktop-client/src/components/mobile/accounts/Accounts.jsx @@ -8,7 +8,7 @@ import { useAccounts } from '../../../hooks/useAccounts'; import { useFailedAccounts } from '../../../hooks/useFailedAccounts'; import { useNavigate } from '../../../hooks/useNavigate'; import { useSyncedPref } from '../../../hooks/useSyncedPref'; -import { SvgAdd } from '../../../icons/v1'; +import { SvgAdd, SvgCheveronRight } from '../../../icons/v1'; import { theme, styles } from '../../../style'; import { makeAmountFullStyle } from '../../budget/util'; import { Button } from '../../common/Button2'; @@ -20,36 +20,49 @@ import { CellValue, CellValueText } from '../../spreadsheet/CellValue'; import { MOBILE_NAV_HEIGHT } from '../MobileNavTabs'; import { PullToRefresh } from '../PullToRefresh'; -function AccountHeader({ name, amount, style = {} }) { +function AccountHeader({ id, name, amount, style = {} }) { + const navigate = useNavigate(); + return ( - navigate(`/accounts/${id}`)} style={{ flex: 1, flexDirection: 'row', - marginTop: 10, - marginRight: 10, + paddingTop: 7, + paddingBottom: 7, + paddingLeft: 0, + paddingRight: 0, color: theme.pageTextLight, width: '100%', ...style, }} > - + {name} + - {props => ( - - )} + {props => } - + ); } @@ -186,7 +199,11 @@ function AccountList({ {budgetedAccounts.length > 0 && ( - + )} {budgetedAccounts.map(acct => ( 0 && ( )} {offbudgetAccounts.map(acct => ( diff --git a/upcoming-release-notes/3734.md b/upcoming-release-notes/3734.md new file mode 100644 index 00000000000..9cebf0a7b87 --- /dev/null +++ b/upcoming-release-notes/3734.md @@ -0,0 +1,6 @@ +--- +category: Enhancements +authors: [GabeKlavans] +--- + +Add navigation to combined-accounts transactions lists from the accounts page on mobile.