feat(medical-record): add initial MyRecord page for displaying patient medical records

Barata-Ribeiro · Barata-Ribeiro · commit 0780cca83f86 · 2025-10-31T07:05:27.000-03:00
diff --git a/resources/js/components/navigation/nav-patient.tsx b/resources/js/components/navigation/nav-patient.tsx
@@ -6,6 +6,7 @@ import {
     SidebarMenuItem,
 } from '@/components/ui/sidebar';
 import appointments from '@/routes/appointments';
+import { myRecord } from '@/routes/medicalRecords';
 import { NavItem, SharedData } from '@/types';
 import { Link, usePage } from '@inertiajs/react';
 import { ClipboardClockIcon, ClipboardListIcon, PillIcon } from 'lucide-react';
@@ -27,7 +28,7 @@ export function NavPatient() {
         },
         {
             title: 'My Medical Record',
-            href: 'placeholder_for_medical_records_url',
+            href: myRecord().url,
             icon: ClipboardListIcon,
         },
         {
diff --git a/resources/js/pages/medicalRecords/MyRecord.tsx b/resources/js/pages/medicalRecords/MyRecord.tsx
@@ -0,0 +1,20 @@
+import Layout from '@/layouts/app-layout';
+import { myRecord } from '@/routes/medicalRecords';
+import { BreadcrumbItem } from '@/types';
+import { Head } from '@inertiajs/react';
+
+const breadcrumbs: BreadcrumbItem[] = [
+    {
+        title: 'My Medical Record',
+        href: myRecord().url,
+    },
+];
+
+export default function MyRecord({ medicalRecord }) {
+    return (
+        <Layout breadcrumbs={breadcrumbs}>
+            <Head title="My Medical Record" />
+            <pre>{JSON.stringify(medicalRecord, null, 2)}</pre>
+        </Layout>
+    );
+}
