From fd5e50e14ca0fa4744f86ac3b0493f3e7502405d Mon Sep 17 00:00:00 2001
From: Mitchell Magro <mitchell222131@gmail.com>
Date: Wed, 18 Jun 2025 18:36:28 +0200
Subject: [PATCH] Fixed Ttitles

---
 app/dashboard/approve/page.tsx      | 6 ++++--
 app/dashboard/investigate/page.tsx  | 8 +++++---
 app/dashboard/page.tsx              | 1 -
 app/dashboard/transactions/page.tsx | 8 +++++---
 4 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/app/dashboard/approve/page.tsx b/app/dashboard/approve/page.tsx
index c496001..6bd8adb 100644
--- a/app/dashboard/approve/page.tsx
+++ b/app/dashboard/approve/page.tsx
@@ -1,13 +1,15 @@
 // This ensures this component is rendered only on the client side
 'use client';
 
+import Typography from '@mui/material/Typography';
 import React from 'react';
 
 export default function ApprovePage() {
   return (
     <div>
-      {/* This page will now be rendered on the client-side */}
-      <h1>Approve</h1>
+    <Typography variant="h4" gutterBottom>
+        Approve Overview
+      </Typography>
     </div>
   );
 }
\ No newline at end of file
diff --git a/app/dashboard/investigate/page.tsx b/app/dashboard/investigate/page.tsx
index 28fbef1..4e18b65 100644
--- a/app/dashboard/investigate/page.tsx
+++ b/app/dashboard/investigate/page.tsx
@@ -1,13 +1,15 @@
 // This ensures this component is rendered only on the client side
 'use client';
 
+import Typography from '@mui/material/Typography';
 import React from 'react';
 
 export default function InvestigatePage() {
   return (
-    <div>
-      {/* This page will now be rendered on the client-side */}
-      <h1>Investigate</h1>
+   <div>
+    <Typography variant="h4" gutterBottom>
+      Investigate Overview
+      </Typography>
     </div>
   );
 }
\ No newline at end of file
diff --git a/app/dashboard/page.tsx b/app/dashboard/page.tsx
index 4520b57..b643293 100644
--- a/app/dashboard/page.tsx
+++ b/app/dashboard/page.tsx
@@ -9,7 +9,6 @@ const DashboardPage = () => {
       <Typography variant="h4" gutterBottom>
         Dashboard Overview
       </Typography>
-      {/* Add your dashboard content here */}
   </div>
   );
 };
diff --git a/app/dashboard/transactions/page.tsx b/app/dashboard/transactions/page.tsx
index 800d90d..86c0d19 100644
--- a/app/dashboard/transactions/page.tsx
+++ b/app/dashboard/transactions/page.tsx
@@ -1,13 +1,15 @@
 // This ensures this component is rendered only on the client side
 'use client';
 
+import Typography from '@mui/material/Typography';
 import React from 'react';
 
 export default function TransactionPage() {
   return (
-    <div>
-      {/* This page will now be rendered on the client-side */}
-      <h1>Transactions</h1>
+   <div>
+    <Typography variant="h4" gutterBottom>
+        Transaction Overview
+      </Typography>
     </div>
   );
 }
\ No newline at end of file