Add notifications tab

modules/notifications/helpers.ts

@@ -16,3 +16,13 @@ export const parseMessageToLink = (message: UserMessage) => {
   }
   return null
 }
+
+export const getNotificationPatientId = (message: UserMessage) => {
+  const action = message.action
+  if (!action) return null
+  const actionParts = action.split('/')
+  if (actionParts.at(0) === 'users') {
+    return actionParts.at(1)
+  }
+  return null
+}

routes/~_dashboard/~patients/~$id/Notifications.tsx

@@ -0,0 +1,23 @@
+import { useQuery } from '@tanstack/react-query'
+import { useUser } from '@/modules/firebase/UserProvider'
+import { getNotificationPatientId } from '@/modules/notifications/helpers'
+import { NotificationsTable } from '@/modules/notifications/NotificationsTable'
+import { notificationQueries } from '@/modules/notifications/queries'
+
+interface NotificationsProps {
+  userId: string
+}
+
+export const Notifications = ({ userId }: NotificationsProps) => {
+  const { auth } = useUser()
+
+  const { data: notifications = [] } = useQuery({
+    ...notificationQueries.list({ userId: auth.uid }),
+    select: (notifications) =>
+      notifications.filter(
+        (notification) => getNotificationPatientId(notification) === userId,
+      ),
+  })
+
+  return <NotificationsTable notifications={notifications} />
+}

routes/~_dashboard/~patients/~$id/~index.tsx

@@ -49,6 +49,7 @@ import { Allergies } from '@/routes/~_dashboard/~patients/~$id/Allergies'
 import { Appointments } from '@/routes/~_dashboard/~patients/~$id/Appointments'
 import { GenerateHealthSummary } from '@/routes/~_dashboard/~patients/~$id/GenerateHealthSummary'
 import { Labs } from '@/routes/~_dashboard/~patients/~$id/Labs'
+import { Notifications } from '@/routes/~_dashboard/~patients/~$id/Notifications'
 import { DashboardLayout } from '../../DashboardLayout'
 
 const getUserMedications = async (payload: {
@@ -212,7 +213,7 @@ const PatientPage = () => {
           />
         </TabsContent>
         <TabsContent value={PatientPageTab.notifications}>
-          notifications
+          <Notifications userId={userId} />
         </TabsContent>
         <TabsContent value={PatientPageTab.medications}>
           <Medications