Allow TableHead hide filter button

Summary: Doc: https://docs.google.com/document/d/1miofxds9DJgWScj0zFyBbdpRH5Rj0T9FqiCapof5-vU/edit#heading=h.pg8svtdjlx7

Reviewed By: LukeDefeo

Differential Revision: D49276687

fbshipit-source-id: dfa2a51e3bfa84ad3e39b6a4b3a4e279cf63c1d5

desktop/flipper-plugin/src/ui/data-table/TableHead.tsx

@@ -135,11 +135,13 @@ function TableHeadColumn({
   isResizable,
   sorted,
   dispatch,
+  isFilterable,
 }: {
   column: DataTableColumn<any>;
   sorted: SortDirection;
   isResizable: boolean;
   dispatch: DataTableDispatch;
+  isFilterable: boolean;
 }) {
   const ref = useRef<HTMLDivElement | null>(null);
 
@@ -222,7 +224,7 @@ function TableHeadColumn({
           ) : null}
         </Text>
       </div>
-      <FilterIcon column={column} dispatch={dispatch} />
+      {isFilterable ? <FilterIcon column={column} dispatch={dispatch} /> : null}
     </Layout.Right>
   );
 
@@ -250,11 +252,13 @@ export const TableHead = memo(function TableHead({
   dispatch,
   sorting,
   scrollbarSize,
+  isFilterable = true,
 }: {
   dispatch: DataTableDispatch<any>;
   visibleColumns: DataTableColumn<any>[];
   sorting: Sorting | undefined;
   scrollbarSize: number;
+  isFilterable?: boolean;
 }) {
   return (
     <TableHeadContainer scrollbarSize={scrollbarSize}>
@@ -265,6 +269,7 @@ export const TableHead = memo(function TableHead({
           isResizable={i < visibleColumns.length - 1}
           dispatch={dispatch}
           sorted={sorting?.key === column.key ? sorting!.direction : undefined}
+          isFilterable={isFilterable}
         />
       ))}
     </TableHeadContainer>