From 8d655b9731abedc113621ef83b43f4b02b84df9a Mon Sep 17 00:00:00 2001
From: Tyler Adam Martinez <TylerAdamMartinez@outlook.com>
Date: Tue, 5 May 2026 15:26:22 -0500
Subject: [PATCH 1/2] fix(ListPage): Rm export button from list pages

---
 src/components/ListPage.tsx       | 3 ---
 src/pages/ocotillo/thing/list.tsx | 7 +++++--
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/components/ListPage.tsx b/src/components/ListPage.tsx
index e2436d59..bee5ad4d 100644
--- a/src/components/ListPage.tsx
+++ b/src/components/ListPage.tsx
@@ -106,9 +106,6 @@ function ListPageToolbar() {
             button: { 'data-testid': 'grid-toolbar-density-selector' },
           }}
         />
-        <GridToolbarExport
-          slotProps={{ button: { 'data-testid': 'grid-toolbar-export' } }}
-        />
       </Box>
       <ActiveFilterChips />
     </GridToolbarContainer>
diff --git a/src/pages/ocotillo/thing/list.tsx b/src/pages/ocotillo/thing/list.tsx
index b29c4f7b..67554f7b 100644
--- a/src/pages/ocotillo/thing/list.tsx
+++ b/src/pages/ocotillo/thing/list.tsx
@@ -245,7 +245,9 @@ export const WellList: React.FC = () => {
                         id: contact.id,
                       },
                     }}
-                    onClick={(e) => e.stopPropagation()}
+                    onClick={(e: React.MouseEvent<HTMLAnchorElement>) =>
+                      e.stopPropagation()
+                    }
                   >
                     {contact.name}
                   </Link>
@@ -265,7 +267,8 @@ export const WellList: React.FC = () => {
       {
         field: 'well_driller_name',
         headerName: WellListColumnLabels.driller,
-        description: 'Drilling company name when it was recorded for this well.',
+        description:
+          'Drilling company name when it was recorded for this well.',
         type: 'string',
         minWidth: 150,
         flex: 1,

From 82ac983c9c44edb1c2ec7533454e800dbafbd1ab Mon Sep 17 00:00:00 2001
From: Tyler Adam Martinez <TylerAdamMartinez@outlook.com>
Date: Tue, 5 May 2026 15:36:06 -0500
Subject: [PATCH 2/2] refactor(ListPage): Toolbar buttons configurable

---
 src/components/ListPage.tsx | 74 +++++++++++++++++++++++++++++--------
 1 file changed, 58 insertions(+), 16 deletions(-)

diff --git a/src/components/ListPage.tsx b/src/components/ListPage.tsx
index bee5ad4d..5bca585f 100644
--- a/src/components/ListPage.tsx
+++ b/src/components/ListPage.tsx
@@ -74,12 +74,24 @@ function ActiveFilterChips() {
   )
 }
 
+type ListPageToolbarProps = {
+  hideFilter?: boolean
+  hideColumns?: boolean
+  hideDensity?: boolean
+  hideExport?: boolean
+}
+
 // Toolbar inside the DataGrid:
 // - Row 1 (right-aligned): filter, columns, density, export buttons
 // - Row 2 (only when filters are active): dismissible filter chips
 // The search input lives OUTSIDE the DataGrid to avoid focus-loss on re-render.
 // Built-in toolbar buttons are used (not custom icon buttons) so panels anchor correctly.
-function ListPageToolbar() {
+function ListPageToolbar({
+  hideFilter = false,
+  hideColumns = false,
+  hideDensity = false,
+  hideExport = false,
+}: ListPageToolbarProps) {
   return (
     <GridToolbarContainer
       sx={{
@@ -91,22 +103,39 @@ function ListPageToolbar() {
       }}
     >
       <Box sx={{ display: 'flex', justifyContent: 'flex-end', gap: 0.5 }}>
-        <GridToolbarFilterButton
-          slotProps={{
-            button: { 'data-testid': 'grid-toolbar-filter-button' },
-          }}
-        />
-        <GridToolbarColumnsButton
-          slotProps={{
-            button: { 'data-testid': 'grid-toolbar-columns-button' },
-          }}
-        />
-        <GridToolbarDensitySelector
-          slotProps={{
-            button: { 'data-testid': 'grid-toolbar-density-selector' },
-          }}
-        />
+        {!hideFilter && (
+          <GridToolbarFilterButton
+            slotProps={{
+              button: { 'data-testid': 'grid-toolbar-filter-button' },
+            }}
+          />
+        )}
+
+        {!hideColumns && (
+          <GridToolbarColumnsButton
+            slotProps={{
+              button: { 'data-testid': 'grid-toolbar-columns-button' },
+            }}
+          />
+        )}
+
+        {!hideDensity && (
+          <GridToolbarDensitySelector
+            slotProps={{
+              button: { 'data-testid': 'grid-toolbar-density-selector' },
+            }}
+          />
+        )}
+
+        {!hideExport && (
+          <GridToolbarExport
+            slotProps={{
+              button: { 'data-testid': 'grid-toolbar-export' },
+            }}
+          />
+        )}
       </Box>
+
       <ActiveFilterChips />
     </GridToolbarContainer>
   )
@@ -125,6 +154,7 @@ type ListPageProps = {
   headerButtons?: any
   disableRowClick?: boolean
 
+  toolbarOptions?: ListPageToolbarProps
   searchMode?: 'client' | 'server'
   searchValue?: string
   onSearchChange?: (value: string) => void
@@ -145,6 +175,8 @@ export const ListPage: React.FC<ListPageProps> = ({
   isLoading,
   headerButtons,
   disableRowClick = false,
+
+  toolbarOptions,
   searchMode = 'client',
   searchValue,
   onSearchChange,
@@ -218,6 +250,10 @@ export const ListPage: React.FC<ListPageProps> = ({
     }
   }
 
+  const toolbarConfig = {
+    hideExport: restDataGridProps.paginationMode === 'server',
+  }
+
   return (
     <CanAccess>
       <List
@@ -329,6 +365,12 @@ export const ListPage: React.FC<ListPageProps> = ({
           showToolbar
           slots={{ toolbar: ListPageToolbar }}
           slotProps={{
+            toolbar: {
+              ...toolbarOptions,
+              hideExport:
+                toolbarOptions?.hideExport ??
+                restDataGridProps.paginationMode === 'server',
+            },
             loadingOverlay: {
               variant: 'linear-progress',
               noRowsVariant: 'skeleton',