From 6cf7930297da95b0339eb32717d3965326ce69da Mon Sep 17 00:00:00 2001
From: Bappadala Rohith Kumar Naidu
 <198095685+rohitkumarnaidu@users.noreply.github.com>
Date: Sun, 26 Jul 2026 16:40:18 +0530
Subject: [PATCH] Wire up HealthReportExport route and buttons

---
 src/App.jsx             |  4 ++++
 src/pages/Dashboard.jsx |  9 +++++++++
 src/pages/Profile.jsx   | 12 +++++++++---
 3 files changed, 22 insertions(+), 3 deletions(-)

diff --git a/src/App.jsx b/src/App.jsx
index c92a8a0..ad79d21 100644
--- a/src/App.jsx
+++ b/src/App.jsx
@@ -44,8 +44,10 @@ import Login from './pages/Login';
 import Profile from './pages/Profile';
 import DosageCalculator from './pages/DosageCalculator';
 import HealthMetrics from './pages/HealthMetrics';
+import HealthReportExport from './pages/HealthReportExport';
 import Footer from './components/Footer';
 import NotFound from './pages/NotFound';
+import AmbulanceBooking from './pages/AmbulanceBooking';
 
 
 // Navigation targets. Labels are resolved at render time via i18n keys
@@ -344,8 +346,10 @@ function App() {
           <Route path="/medicine-tracker" element={<MedicineTracker />} />
           <Route path="/symptom-checker" element={<SymptomChecker />} />
           <Route path="/clinics-nearby" element={<ClinicsNearby />} />
+          <Route path="/ambulance-booking" element={<AmbulanceBooking />} />
           <Route path="/dosage-calculator" element={<DosageCalculator />} />
           <Route path="/health-metrics" element={<HealthMetrics />} />
+          <Route path="/export-report" element={<HealthReportExport />} />
           <Route path="/settings" element={<Settings />} />
           <Route path="/login" element={<Login />} />
           <Route path="/profile" element={<Profile />} />
diff --git a/src/pages/Dashboard.jsx b/src/pages/Dashboard.jsx
index 4fbee52..213c0c3 100644
--- a/src/pages/Dashboard.jsx
+++ b/src/pages/Dashboard.jsx
@@ -7,6 +7,7 @@ import FavoriteBorderIcon from "@mui/icons-material/FavoriteBorder";
 import SearchIcon from "@mui/icons-material/Search";
 import PlaceIcon from "@mui/icons-material/Place";
 import SettingsIcon from "@mui/icons-material/Settings";
+import PictureAsPdfIcon from "@mui/icons-material/PictureAsPdf";
 import { useTheme } from "@mui/material/styles";
 import API from "../utils/api";
 import { useAuth } from "../context/AuthContext";
@@ -134,6 +135,14 @@ export default function Dashboard() {
       icon: <PlaceIcon fontSize="large" color="primary" />,
       btn: t("dashboard:findClinics"),
     },
+    {
+      id: "export-report",
+      title: "Health Report Export",
+      desc: "Generate and download a comprehensive PDF report of your health data.",
+      link: "/export-report",
+      icon: <PictureAsPdfIcon fontSize="large" color="primary" />,
+      btn: "Export Report",
+    },
     {
       id: "profile-settings",
       title: t("dashboard:profileSettingsTitle"),
diff --git a/src/pages/Profile.jsx b/src/pages/Profile.jsx
index 0581da5..596925c 100644
--- a/src/pages/Profile.jsx
+++ b/src/pages/Profile.jsx
@@ -11,6 +11,7 @@ import {
   Alert,
   Grid,
 } from '@mui/material';
+import { Link } from 'react-router-dom';
 import { useAuth } from '../context/AuthContext';
 import { useTranslation } from 'react-i18next';
 import FamilyMembers from '../components/FamilyMembers';
@@ -205,9 +206,14 @@ function Profile() {
                 </Button>
               </>
             ) : (
-              <Button variant="contained" onClick={() => setEditing(true)}>
-                {t('profile:editProfile')}
-              </Button>
+              <>
+                <Button variant="contained" onClick={() => setEditing(true)}>
+                  {t('profile:editProfile')}
+                </Button>
+                <Button variant="outlined" component={Link} to="/export-report" color="secondary">
+                  Export Health Report
+                </Button>
+              </>
             )}
           </Box>