feat: filter NTT by default (#1026)

src/components/Datagrid/stringFilterOperators.tsx

@@ -0,0 +1,19 @@
+import {
+  getGridStringOperators,
+  GridFilterInputValue,
+  GridFilterItem,
+} from "@mui/x-data-grid";
+
+export function stringFilterOperators() {
+  return [
+    {
+      label: "is not",
+      value: "not",
+      getApplyFilterFn: (field: GridFilterItem) => (params: any) =>
+        params.value !== field.value,
+      InputComponentProps: { type: "string" },
+      InputComponent: GridFilterInputValue,
+    },
+    ...getGridStringOperators(),
+  ];
+}

src/user/campaignList/CampaignList.tsx

@@ -25,6 +25,7 @@ import { EditButton } from "user/campaignList/EditButton";
 import { calculateMetric } from "user/analytics/analyticsOverview/lib/overview.library";
 import { StatsMetric } from "user/analytics/analyticsOverview/types";
 import { uiLabelsForCampaignFormat } from "util/campaign";
+import { stringFilterOperators } from "components/Datagrid/stringFilterOperators";
 
 interface Props {
   advertiser?: AdvertiserCampaignsFragment | null;
@@ -87,6 +88,7 @@ export function CampaignList({ advertiser }: Props) {
       align: "left",
       headerAlign: "left",
       width: 150,
+      filterOperators: stringFilterOperators(),
     },
     {
       field: "state",
@@ -256,6 +258,13 @@ export function CampaignList({ advertiser }: Props) {
             pageSize: 10,
           },
         },
+        filter: {
+          filterModel: {
+            items: [
+              { field: "format", operator: "not", value: "New tab takeover" },
+            ],
+          },
+        },
       }}
     />
   );