Add icon to orderable DataTable columns

hypothesis · Aug 8, 2024 · 2489461 · 2489461
1 parent 6f01120
commit 2489461
Showing 1 changed file with 9 additions and 1 deletion.
diff --git a/src/components/data/DataTable.tsx b/src/components/data/DataTable.tsx
@@ -6,7 +6,12 @@ import { useStableCallback } from '../../hooks/use-stable-callback';
 import { useSyncedRef } from '../../hooks/use-synced-ref';
 import type { CompositeProps, Order, OrderDirection } from '../../types';
 import { downcastRef } from '../../util/typing';
-import { ArrowDownIcon, ArrowUpIcon, SpinnerSpokesIcon } from '../icons';
+import {
+  ArrowDownIcon,
+  ArrowUpIcon,
+  OrderableIcon,
+  SpinnerSpokesIcon,
+} from '../icons';
 import { Button } from '../input';
 import ScrollContext from './ScrollContext';
 import Table from './Table';
@@ -369,6 +374,9 @@ export default function DataTable<Row>({
                       )}
                     </div>
                   )}
+                  {!isActiveOrder && isOrderable && (
+                    <OrderableIcon className="text-grey-5" />
+                  )}
                 </HeaderComponent>
               </TableCell>
             );