From 9dbd6f7732d43ba833471d9da432badb7485f1fb Mon Sep 17 00:00:00 2001
From: Andrey Goncharov <aigoncharov@meta.com>
Date: Tue, 19 Sep 2023 08:19:25 -0700
Subject: [PATCH] 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 | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/desktop/flipper-plugin/src/ui/data-table/TableHead.tsx b/desktop/flipper-plugin/src/ui/data-table/TableHead.tsx
index 75a5dee41..6b4cebd16 100644
--- a/desktop/flipper-plugin/src/ui/data-table/TableHead.tsx
+++ b/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>