add field region to engagement grid

Author: rdonigian

src/components/EngagementDataGrid/EngagementColumns.tsx

@@ -155,8 +155,25 @@ export const EngagementColumns: Array<GridColDef<Engagement>> = [
     headerName: 'Country',
     field: 'project.primaryLocation.name',
     ...textColumn(),
+    width: 250,
     valueGetter: (_, row) => row.project.primaryLocation.value?.name.value,
   },
+  {
+    field: 'project.fieldRegion.name',
+    headerName: 'Field Region',
+    ...textColumn(),
+    width: 250,
+    valueGetter: (_, { project }) => project.fieldRegion.value?.name.value,
+    renderCell: ({ row: engagement }) => {
+      const { fieldRegion } = engagement.project;
+
+      return fieldRegion.value ? (
+        <Link to={`/field-regions/${fieldRegion.value.id}`}>
+          {fieldRegion.value.name.value}
+        </Link>
+      ) : null;
+    },
+  },
   {
     headerName: 'ISO',
     description: 'Ethnologue Code',

src/components/EngagementDataGrid/engagementDataGridRow.graphql

@@ -9,7 +9,6 @@ fragment engagementDataGridRow on Engagement {
   endDate {
     value
   }
-
   project {
     id
     type
@@ -27,6 +26,14 @@ fragment engagementDataGridRow on Engagement {
         }
       }
     }
+    fieldRegion {
+      value {
+        id
+        name {
+          value
+        }
+      }
+    }
     mouStart {
       value
     }