update tables

apps/insights.saladeaula.digital/app/routes/_app.payments._index/columns.tsx

@@ -1,17 +1,23 @@
 'use client'
 
-import { columns as columns_, type Order } from '@repo/ui/routes/orders/columns'
-
-import { formatCNPJ, formatCPF } from '@brazilian-utils/brazilian-utils'
 import { type ColumnDef } from '@tanstack/react-table'
 
 import { Abbr } from '@repo/ui/components/abbr'
 import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
 import { initials } from '@repo/ui/lib/utils'
-
-export type { Order }
+import {
+  DataTableColumnCpfCnpj,
+  DataTableColumnHeaderSelect,
+  DataTableColumnSelect
+} from '@repo/ui/components/data-table'
+import { columns as columns_, type Order } from '@repo/ui/routes/orders/columns'
 
 export const columns: ColumnDef<Order>[] = [
+  {
+    id: 'select',
+    header: DataTableColumnHeaderSelect,
+    cell: DataTableColumnSelect
+  },
   {
     header: 'Comprador',
     cell: ({ row }) => {
@@ -36,20 +42,11 @@ export const columns: ColumnDef<Order>[] = [
     }
   },
   {
+    accessorKey: 'cnpj_cpf',
     header: 'CNPJ/CPF',
-    cell: ({ row }) => {
-      const { cpf, cnpj } = row.original
-
-      if (cpf) {
-        return <>{formatCPF(cpf)}</>
-      }
-
-      if (cnpj) {
-        return <>{formatCNPJ(cnpj)}</>
-      }
-
-      return <></>
-    }
+    // @ts-ignore
+    accessorFn: ({ cpf, cnpj }) => cpf ?? cnpj,
+    cell: DataTableColumnCpfCnpj
   },
   ...columns_
 ]