From 0550f508b93ce0836a6fd758c7d365815328d2f6 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?S=C3=A9rgio=20Rafael=20Siqueira?=
 <osergiosiqueira@gmail.com>
Date: Thu, 6 Nov 2025 19:41:28 -0300
Subject: [PATCH] uodate

---
 .../components/data-table/column-header.tsx   | 63 ++++++-------------
 1 file changed, 20 insertions(+), 43 deletions(-)

diff --git a/apps/admin.saladeaula.digital/app/components/data-table/column-header.tsx b/apps/admin.saladeaula.digital/app/components/data-table/column-header.tsx
index bb79aeb..723604e 100644
--- a/apps/admin.saladeaula.digital/app/components/data-table/column-header.tsx
+++ b/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)}>
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <Button
-            variant="ghost"
-            size="sm"
-            className="data-[state=open]:bg-accent -ml-3 h-8"
-          >
-            <span>{title}</span>
-            {column.getIsSorted() === 'desc' ? (
-              <ArrowDown />
-            ) : column.getIsSorted() === 'asc' ? (
-              <ArrowUp />
-            ) : (
-              <ChevronsUpDown />
-            )}
-          </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>
+    <Button
+      variant="ghost"
+      size="sm"
+      className={cn('-ml-3 h-8 cursor-pointer', className)}
+      onClick={() => column.toggleSorting(column.getIsSorted() === 'asc')}
+    >
+      <span>{title}</span>
+      {column.getIsSorted() === 'desc' ? (
+        <ChevronDownIcon />
+      ) : column.getIsSorted() === 'asc' ? (
+        <ChevronUpIcon />
+      ) : (
+        <ChevronsUpDownIcon />
+      )}
+    </Button>
   )
 }