From 79ebf19fbe5f8ba37e65adcc5eaac75f68e4a108 Mon Sep 17 00:00:00 2001
From: Joel Jeremy Marquez <joeljeremy.marquez@gmail.com>
Date: Tue, 5 Dec 2023 11:57:56 -0800
Subject: [PATCH] Remove Page titleStyle

---
 .../src/components/ManageRulesPage.tsx             | 14 +-------------
 .../src/components/payees/ManagePayeesPage.js      | 13 +------------
 .../components/transactions/MobileTransaction.js   |  4 ----
 3 files changed, 2 insertions(+), 29 deletions(-)

diff --git a/packages/desktop-client/src/components/ManageRulesPage.tsx b/packages/desktop-client/src/components/ManageRulesPage.tsx
index d1c8c5800e8..e64f57e8788 100644
--- a/packages/desktop-client/src/components/ManageRulesPage.tsx
+++ b/packages/desktop-client/src/components/ManageRulesPage.tsx
@@ -1,23 +1,11 @@
 import React from 'react';
 
-import { useResponsive } from '../ResponsiveProvider';
-import { theme } from '../style';
-
 import ManageRules from './ManageRules';
 import { Page } from './Page';
 
 export function ManageRulesPage() {
-  const { isNarrowWidth } = useResponsive();
   return (
-    <Page
-      title="Rules"
-      titleStyle={{
-        ...(isNarrowWidth && {
-          backgroundColor: theme.mobileHeaderBackground,
-          color: theme.mobileHeaderText,
-        }),
-      }}
-    >
+    <Page title="Rules">
       <ManageRules isModal={false} payeeId={null} />
     </Page>
   );
diff --git a/packages/desktop-client/src/components/payees/ManagePayeesPage.js b/packages/desktop-client/src/components/payees/ManagePayeesPage.js
index 746807f36de..2d707f39131 100644
--- a/packages/desktop-client/src/components/payees/ManagePayeesPage.js
+++ b/packages/desktop-client/src/components/payees/ManagePayeesPage.js
@@ -1,25 +1,14 @@
 import React from 'react';
 import { useLocation } from 'react-router-dom';
 
-import { useResponsive } from '../../ResponsiveProvider';
-import { theme } from '../../style';
 import { Page } from '../Page';
 
 import ManagePayeesWithData from './ManagePayeesWithData';
 
 export function ManagePayeesPage() {
   let location = useLocation();
-  const { isNarrowWidth } = useResponsive();
   return (
-    <Page
-      title="Payees"
-      titleStyle={{
-        ...(isNarrowWidth && {
-          backgroundColor: theme.mobileHeaderBackground,
-          color: theme.mobileHeaderText,
-        }),
-      }}
-    >
+    <Page title="Payees">
       <ManagePayeesWithData
         initialSelectedIds={
           location.state && location.state.selectedPayee
diff --git a/packages/desktop-client/src/components/transactions/MobileTransaction.js b/packages/desktop-client/src/components/transactions/MobileTransaction.js
index 4ae28e15a51..ebb8dc870b1 100644
--- a/packages/desktop-client/src/components/transactions/MobileTransaction.js
+++ b/packages/desktop-client/src/components/transactions/MobileTransaction.js
@@ -364,10 +364,6 @@ class TransactionEditInner extends PureComponent {
               : 'Transaction'
             : descriptionPretty
         }
-        titleStyle={{
-          fontSize: 16,
-          fontWeight: 500,
-        }}
         style={{
           flex: 1,
           backgroundColor: theme.mobilePageBackground,