initial commit

bcgov · Sep 24, 2024 · 5f49550 · 5f49550
1 parent 1f896e2
commit 5f49550
Show file tree

Hide file tree

Showing 2 changed files with 18 additions and 2 deletions.
diff --git a/react-app/src/components/projects/ProjectsTable.tsx b/react-app/src/components/projects/ProjectsTable.tsx
@@ -108,6 +108,17 @@ const ProjectsTable = () => {
       case 'All Projects':
         ref.current.setFilterModel({ items: [] });
         break;
+      case 'SPL Projects':
+        ref.current.setFilterModel({
+          items: [
+            {
+              value: ['Approved for SPL', 'Contract in Place', 'On Market', 'Pre-Marketing'],
+              field: 'Status',
+              operator: 'isAnyOf',
+            },
+          ],
+        });
+        break;
       case 'Approved for SPL':
       case 'Contract in Place':
       case 'On Market':
@@ -235,7 +246,9 @@ const ProjectsTable = () => {
           <CustomMenuItem key={'All Projects'} value={'All Projects'}>
             All Projects
           </CustomMenuItem>,
-          <CustomListSubheader key={'SPL Projects'}>SPL Projects</CustomListSubheader>,
+          <CustomMenuItem key={'SPL Projects'} value={'SPL Projects'} sx={{ fontWeight: 'bold' }}>
+            SPL Projects
+          </CustomMenuItem>,
           <CustomMenuItem key={'Approved for SPL'} value={'Approved for SPL'}>
             Approved for SPL
           </CustomMenuItem>,

diff --git a/react-app/src/components/table/DataTable.tsx b/react-app/src/components/table/DataTable.tsx
@@ -18,6 +18,7 @@ import {
   MenuItem,
   Select,
   SxProps,
+  Theme,
   Tooltip,
   Typography,
   debounce,
@@ -143,7 +144,9 @@ export const CustomDataGrid = (props: DataGridProps) => {
   );
 };
 
-export const CustomMenuItem = (props: PropsWithChildren & { value: string }) => {
+export const CustomMenuItem = (
+  props: PropsWithChildren & { value: string; sx?: SxProps<Theme> },
+) => {
   const theme = useTheme();
   return (
     <MenuItem