From 8f2a1958b77c5efa493468c85756e701178137f1 Mon Sep 17 00:00:00 2001
From: Joel Jeremy Marquez <joeljeremy.marquez@gmail.com>
Date: Mon, 1 Apr 2024 07:23:54 -0700
Subject: [PATCH] Add month to page title

---
 .../src/components/mobile/budget/BudgetTable.jsx       |  3 +--
 .../components/mobile/budget/CategoryTransactions.jsx  | 10 +++++++++-
 2 files changed, 10 insertions(+), 3 deletions(-)

diff --git a/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx b/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx
index d7427fbe340..f754a91803f 100644
--- a/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx
+++ b/packages/desktop-client/src/components/mobile/budget/BudgetTable.jsx
@@ -1411,8 +1411,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
index 2caa41829c5..d9bae3caa03 100644
--- a/packages/desktop-client/src/components/mobile/budget/CategoryTransactions.jsx
+++ b/packages/desktop-client/src/components/mobile/budget/CategoryTransactions.jsx
@@ -7,6 +7,7 @@ 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';
 
@@ -14,6 +15,8 @@ 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 }} />