fix: indicate hidden columns on filter dropdown (#19259)

2025-02-12 13:33:10 +00:00
parent 5dbc6d9ca6
commit 06bf9cfbfe
1 changed files with 4 additions and 2 deletions
@@ -58,14 +58,16 @@ function AddFilterButtonComponent<TData>(
            <CommandList>
              <CommandEmpty>{t("no_columns_found")}</CommandEmpty>
              {filterableColumns.map((column) => {
+                const isVisible = table.getColumn(column.id)?.getIsVisible();
                if (activeFilters?.some((filter) => filter.f === column.id)) return null;
                return (
                  <CommandItem
                    key={column.id}
                    onSelect={() => handleAddFilter(column.id)}
-                    className="px-4 py-2"
+                    className="flex items-center justify-between px-4 py-2"
                    data-testid={`add-filter-item-${column.id}`}>
-                    {startCase(column.title)}
+                    <span>{startCase(column.title)}</span>
+                    {!isVisible && <Icon name="eye-off" className="h-4 w-4 opacity-50" />}
                  </CommandItem>
                );
              })}