uodate

apps/admin.saladeaula.digital/app/components/data-table/column-header.tsx

@@ -1,14 +1,11 @@
 import { type Column } from '@tanstack/react-table'
-import { ArrowDown, ArrowUp, ChevronsUpDown, EyeOff } from 'lucide-react'
+import {
+  ChevronDownIcon,
+  ChevronsUpDownIcon,
+  ChevronUpIcon
+} from 'lucide-react'
 
 import { Button } from '@repo/ui/components/ui/button'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger
-} from '@repo/ui/components/ui/dropdown-menu'
 import { cn } from '@repo/ui/lib/utils'
 
 interface DataTableColumnHeaderProps<TData, TValue>
@@ -27,40 +24,20 @@ export function DataTableColumnHeader<TData, TValue>({
   }
 
   return (
-    <div className={cn('flex items-center gap-2', className)}>
+    <Button
-      <DropdownMenu>
+      variant="ghost"
-        <DropdownMenuTrigger asChild>
+      size="sm"
-          <Button
+      className={cn('-ml-3 h-8 cursor-pointer', className)}
-            variant="ghost"
+      onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
-            size="sm"
+    >
-            className="data-[state=open]:bg-accent -ml-3 h-8"
+      <span>{title}</span>
-          >
+      {column.getIsSorted() === 'desc' ? (
-            <span>{title}</span>
+        <ChevronDownIcon />
-            {column.getIsSorted() === 'desc' ? (
+      ) : column.getIsSorted() === 'asc' ? (
-              <ArrowDown />
+        <ChevronUpIcon />
-            ) : column.getIsSorted() === 'asc' ? (
+      ) : (
-              <ArrowUp />
+        <ChevronsUpDownIcon />
-            ) : (
+      )}
-              <ChevronsUpDown />
+    </Button>
-            )}
-          </Button>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="start">
-          <DropdownMenuItem onClick={() => column.toggleSorting(false)}>
-            <ArrowUp />
-            Cres.
-          </DropdownMenuItem>
-          <DropdownMenuItem onClick={() => column.toggleSorting(true)}>
-            <ArrowDown />
-            Decr.
-          </DropdownMenuItem>
-          <DropdownMenuSeparator />
-          <DropdownMenuItem onClick={() => column.toggleVisibility(false)}>
-            <EyeOff />
-            Ocultar
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-    </div>
   )
 }