Revert columns

src/components/DataTablePagination.tsx

@@ -24,7 +24,6 @@ interface DataTablePaginationProps<TData> {
     isServerPagination?: boolean;
     isLoading?: boolean;
     disabled?: boolean;
-    renderAdditionalControls?: () => React.ReactNode;
 }
 
 export function DataTablePagination<TData>({
@@ -34,8 +33,7 @@ export function DataTablePagination<TData>({
     totalCount,
     isServerPagination = false,
     isLoading = false,
-    disabled = false,
-    renderAdditionalControls
+    disabled = false
 }: DataTablePaginationProps<TData>) {
     const t = useTranslations();
 
@@ -115,11 +113,6 @@ export function DataTablePagination<TData>({
                         ))}
                     </SelectContent>
                 </Select>
-                {renderAdditionalControls && (
-                    <div className="flex items-center space-x-2">
-                        {renderAdditionalControls()}
-                    </div>
-                )}
             </div>
 
             <div className="flex items-center space-x-3 lg:space-x-8">

src/components/ui/data-table.tsx

@@ -9,9 +9,7 @@ import {
     SortingState,
     getSortedRowModel,
     ColumnFiltersState,
-    getFilteredRowModel,
-    VisibilityState,
-    Column
+    getFilteredRowModel
 } from "@tanstack/react-table";
 import {
     Table,
@@ -25,7 +23,7 @@ import { Button } from "@app/components/ui/button";
 import { useEffect, useMemo, useState } from "react";
 import { Input } from "@app/components/ui/input";
 import { DataTablePagination } from "@app/components/DataTablePagination";
-import { Plus, Search, RefreshCw, Settings2 } from "lucide-react";
+import { Plus, Search, RefreshCw } from "lucide-react";
 import {
     Card,
     CardContent,
@@ -34,12 +32,6 @@ import {
 } from "@app/components/ui/card";
 import { Tabs, TabsList, TabsTrigger } from "@app/components/ui/tabs";
 import { useTranslations } from "next-intl";
-import {
-    DropdownMenu,
-    DropdownMenuContent,
-    DropdownMenuCheckboxItem,
-    DropdownMenuTrigger
-} from "@app/components/ui/dropdown-menu";
 
 const STORAGE_KEYS = {
     PAGE_SIZE: 'datatable-page-size',
@@ -101,7 +93,6 @@ type DataTableProps<TData, TValue> = {
     defaultTab?: string;
     persistPageSize?: boolean | string;
     defaultPageSize?: number;
-    enableColumnToggle?: boolean;
 };
 
 export function DataTable<TData, TValue>({
@@ -118,8 +109,7 @@ export function DataTable<TData, TValue>({
     tabs,
     defaultTab,
     persistPageSize = false,
-    defaultPageSize = 20,
-    enableColumnToggle = true
+    defaultPageSize = 20
 }: DataTableProps<TData, TValue>) {
     const t = useTranslations();
     
@@ -139,7 +129,6 @@ export function DataTable<TData, TValue>({
     );
     const [columnFilters, setColumnFilters] = useState<ColumnFiltersState>([]);
     const [globalFilter, setGlobalFilter] = useState<any>([]);
-    const [columnVisibility, setColumnVisibility] = useState<VisibilityState>({});
     const [activeTab, setActiveTab] = useState<string>(
         defaultTab || tabs?.[0]?.id || ""
     );
@@ -168,7 +157,6 @@ export function DataTable<TData, TValue>({
         onColumnFiltersChange: setColumnFilters,
         getFilteredRowModel: getFilteredRowModel(),
         onGlobalFilterChange: setGlobalFilter,
-        onColumnVisibilityChange: setColumnVisibility,
         initialState: {
             pagination: {
                 pageSize: pageSize,
@@ -178,8 +166,7 @@ export function DataTable<TData, TValue>({
         state: {
             sorting,
             columnFilters,
-            globalFilter,
-            columnVisibility
+            globalFilter
         }
     });
 
@@ -212,43 +199,6 @@ export function DataTable<TData, TValue>({
         }
     };
 
-    const getColumnLabel = (column: Column<any, any>) => {
-        return typeof column.columnDef.header === "string" ? 
-        column.columnDef.header : 
-        column.id; // fallback to id if header is JSX
-    };
-
-
-    const renderColumnToggle = () => {
-        if (!enableColumnToggle) return null;
-
-        return (
-            <DropdownMenu>
-                <DropdownMenuTrigger asChild>
-                    <Button variant="outline">
-                        <Settings2 className="mr-2 h-4 w-4" />
-                        {t("columns")}
-                    </Button>
-                </DropdownMenuTrigger>
-                <DropdownMenuContent align="end" className="w-48">
-                    {table.getAllColumns()
-                        .filter((column) => column.getCanHide())
-                        .map((column) => (
-                            <DropdownMenuCheckboxItem
-                                key={column.id}
-                                className="capitalize"
-                                checked={column.getIsVisible()}
-                                onCheckedChange={(value) => column.toggleVisibility(!!value)}
-                            >
-                                {getColumnLabel(column)}
-                            </DropdownMenuCheckboxItem>
-                        ))}
-                </DropdownMenuContent>
-            </DropdownMenu>
-        );
-    };
-
-
     return (
         <div className="container mx-auto max-w-12xl">
             <Card>
@@ -362,7 +312,6 @@ export function DataTable<TData, TValue>({
                         <DataTablePagination 
                             table={table} 
                             onPageSizeChange={handlePageSizeChange}
-                            renderAdditionalControls={renderColumnToggle}
                         />
                     </div>
                 </CardContent>