Added Update Tab

backend/src/services/locality.ts

@@ -44,6 +44,11 @@ export const getLocalityDetails = async (id: number) => {
           now_proj: true,
         },
       },
+      now_lau: {
+        include: {
+          now_lr: true,
+        },
+      },
     },
   })
 

frontend/src/backendTypes.d.ts

@@ -8,6 +8,7 @@ export type Editable<T> = T & { rowState?: RowState }
 export type CollectingMethod = Prisma.now_coll_meth
 export type LocalityProject = Prisma.now_plr & { now_proj: Prisma.now_proj }
 export type LocalitySpecies = Prisma.now_ls & { com_species: Prisma.com_species }
+export type LocalityUpdate = Prisma.now_lau & { now_lr: Prisma.now_lr }
 export type Museum = Prisma.com_mlist
 export type Project = Prisma.now_proj
 export type SedimentaryStructure = Prisma.now_ss
@@ -18,7 +19,8 @@ export type LocalityDetails = Omit<Prisma.now_loc, 'now_mus'> & { museums: Array
   now_ss: Editable<SedimentaryStructure>[]
 } & {
   now_coll_meth: Editable<CollectingMethod>[]
-}
+} &
+{ now_lau: Array<Editable<LocalityUpdate>> } 
 
 export type Locality = {
   lid: number

frontend/src/components/Locality/LocalityDetails.tsx

@@ -11,6 +11,7 @@ import { MuseumTab } from './Tabs/MuseumTab'
 import { ProjectTab } from './Tabs/ProjectTab'
 import { SpeciesTab } from './Tabs/SpeciesTab'
 import { TaphonomyTab } from './Tabs/TaphonomyTab'
+import { UpdateTab } from './Tabs/UpdateTab'
 
 export const LocalityDetails = () => {
   const { id } = useParams()
@@ -56,6 +57,10 @@ export const LocalityDetails = () => {
       title: 'Projects',
       content: <ProjectTab />,
     },
+    {
+      title: 'Updates',
+      content: <UpdateTab />,
+    },
   ]
 
   return <DetailView tabs={tabs} data={data} />

frontend/src/components/Locality/Tabs/UpdateTab.tsx

@@ -0,0 +1,38 @@
+import { Editable, LocalityDetails, LocalityUpdate } from '@/backendTypes'
+import { EditableTable, Grouped } from '@/components/DetailView/common/FormComponents'
+import { useDetailContext } from '@/components/DetailView/hooks'
+import { MRT_ColumnDef } from 'material-react-table'
+
+export const UpdateTab = () => {
+  const { editData } = useDetailContext<LocalityDetails>()
+
+  const columns: MRT_ColumnDef<LocalityUpdate>[] = [
+    {
+      accessorKey: 'lau_date',
+      header: 'Date',
+    },
+    {
+      accessorKey: 'lau_authorizer',
+      header: 'Editor',
+    },
+    {
+      accessorKey: 'lau_coordinator',
+      header: 'Coordinator',
+    },
+    {
+      accessorKey: 'now_lr.rid',
+      header: 'Reference',
+    },
+  ]
+
+  return (
+    <Grouped title="Updates">
+      <EditableTable<Editable<LocalityUpdate>, LocalityDetails>
+        columns={columns}
+        data={editData.now_lau}
+        editable
+        field="now_lau"
+      />
+    </Grouped>
+  )
+}