Add additional field from patient to the table

app/(dashboard)/patients/PatientsTable.tsx

@@ -32,6 +32,7 @@ const columns = [
     cell: (props) => props.getValue() ?? '-',
   }),
   columnHelper.accessor('email', { header: 'Email' }),
+  columnHelper.accessor('gender', { header: 'Gender' }),
   columnHelper.display({
     id: 'actions',
     cell: () => (

app/(dashboard)/patients/page.tsx

@@ -39,17 +39,29 @@ export const listPatients = async () => {
   const patientsQuery = await getPatientsQuery()
   const patients = await getDocs(patientsQuery)
   const userIdsToGet = patients.docs.map((patient) => ({ uid: patient.id }))
+  const patientsById = new Map(
+    patients.docs.map(
+      (patient) => [patient.id, { id: patient.id, ...patient.data() }] as const,
+    ),
+  )
 
   const adminApp = getAdminApp()
   const adminAuth = getAuth(adminApp)
 
   // TODO: It can take max 100 users. Batch/paginate? Use getting by id? Fetch all and match?
   const users = await adminAuth.getUsers(userIdsToGet)
-  const usersData = users.users.map((user) => ({
-    uid: user.uid,
-    email: user.email,
-    displayName: user.displayName,
-  }))
+  const usersData = users.users
+    .map((user) => {
+      const patient = patientsById.get(user.uid)
+      if (!patient) return null
+      return {
+        uid: user.uid,
+        email: user.email,
+        displayName: user.displayName,
+        gender: patient.GenderIdentityKey,
+      }
+    })
+    .filter(Boolean)
 
   return usersData
 }

modules/firebase/utils.ts

@@ -24,7 +24,14 @@ export interface Organization {
 
 export interface Admin {}
 
-export interface User {}
+export interface User {
+  GenderIdentityKey: string
+  invitationCode: string
+  clinician?: string
+  organization?: string
+  language?: string
+  timeZone?: string
+}
 
 export interface Clinician {
   organization?: string