[dyad] Changed the Columns button to an icon - wrote 1 file(s)

src/components/stock/data-table.tsx

@@ -13,6 +13,7 @@ import {
   getSortedRowModel,
   useReactTable,
 } from "@tanstack/react-table"
+import { Columns } from "lucide-react"
 
 import {
   Table,
@@ -77,8 +78,9 @@ export function DataTable<TData, TValue>({
         />
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
-            <Button variant="outline" className="ml-auto">
-              Columns
+            <Button variant="outline" size="icon" className="ml-auto">
+              <Columns className="h-4 w-4" />
+              <span className="sr-only">Toggle columns</span>
             </Button>
           </DropdownMenuTrigger>
           <DropdownMenuContent align="end">