add key()

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>

src/components/generic/Table/ColumnActionsDropdown.jsx

@@ -40,6 +40,7 @@ export function ColumnActionsDropdown({
   const column = header.column;
   const sorted = column.getIsSorted();
   const canFilter = showFilter ?? !!attr;
+  const canSort = column.getCanSort();
 
   return (
     <DropdownMenu open={isOpen} onOpenChange={onOpenChange}>
@@ -63,20 +64,24 @@ export function ColumnActionsDropdown({
         <DropdownMenuLabel className="text-xs">Column Actions</DropdownMenuLabel>
         <DropdownMenuSeparator />
 
-        <DropdownMenuItem onClick={() => column.toggleSorting(false)}>
-          <ArrowUp className="mr-2 size-4" />
-          Sort Asc
-        </DropdownMenuItem>
+        {canSort && (
+          <>
+            <DropdownMenuItem onClick={() => column.toggleSorting(false)}>
+              <ArrowUp className="mr-2 size-4" />
+              Sort Asc
+            </DropdownMenuItem>
 
-        <DropdownMenuItem onClick={() => column.toggleSorting(true)}>
-          <ArrowDown className="mr-2 size-4" />
-          Sort Desc
-        </DropdownMenuItem>
+            <DropdownMenuItem onClick={() => column.toggleSorting(true)}>
+              <ArrowDown className="mr-2 size-4" />
+              Sort Desc
+            </DropdownMenuItem>
 
-        <DropdownMenuItem onClick={() => column.clearSorting()}>
-          <X className="mr-2 size-4" />
-          Clear Sort
-        </DropdownMenuItem>
+            <DropdownMenuItem onClick={() => column.clearSorting()}>
+              <X className="mr-2 size-4" />
+              Clear Sort
+            </DropdownMenuItem>
+          </>
+        )}
 
         {canFilter && (
           <>