Add month to page title

actualbudget · Apr 2, 2024 · 2e5b6ce · 2e5b6ce
1 parent 6ad3740
commit 2e5b6ce
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 3 deletions.
diff --git a/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx b/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx
@@ -1545,8 +1545,7 @@ function MonthSelector({ month, monthBounds, onPrevMonth, onNextMonth }) {
           fontWeight: 500,
         }}
       >
-        {/* eslint-disable-next-line rulesdir/typography */}
-        {monthUtils.format(month, "MMMM ''yy")}
+        {monthUtils.format(month, 'MMMM ‘yy')}
       </Text>
       <Button
         type="bare"

diff --git a/packages/desktop-client/src/components/mobile/budget/CategoryTransactions.jsx b/packages/desktop-client/src/components/mobile/budget/CategoryTransactions.jsx
@@ -7,13 +7,16 @@ import { getPayees } from 'loot-core/client/actions';
 import * as queries from 'loot-core/client/queries';
 import { pagedQuery } from 'loot-core/client/query-helpers';
 import { listen } from 'loot-core/platform/client/fetch';
+import * as monthUtils from 'loot-core/shared/months';
 import { q } from 'loot-core/shared/query';
 import { isPreviewId } from 'loot-core/shared/transactions';
 
 import { useDateFormat } from '../../../hooks/useDateFormat';
 import { useLocalPref } from '../../../hooks/useLocalPref';
 import { useNavigate } from '../../../hooks/useNavigate';
 import { theme } from '../../../style';
+import { TextOneLine } from '../../common/TextOneLine';
+import { View } from '../../common/View';
 import { Page } from '../../Page';
 import { MobileBackButton } from '../MobileBackButton';
 import { AddTransactionButton } from '../transactions/AddTransactionButton';
@@ -117,7 +120,12 @@ export function CategoryTransactions({ category, month }) {
 
   return (
     <Page
-      title={category.name}
+      title={
+        <View>
+          <TextOneLine>{category.name}</TextOneLine>
+          <TextOneLine>({monthUtils.format(month, 'MMMM ‘yy')})</TextOneLine>
+        </View>
+      }
       headerLeftContent={<MobileBackButton />}
       headerRightContent={
         <AddTransactionButton state={{ categoryId: category.id }} />