update package

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

@@ -0,0 +1,85 @@
+'use client'
+
+import { 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'
+
+// This type is used to define the shape of our data.
+// You can use a Zod schema here if you want.
+export type User = {
+  id: string
+  name: string
+  email: string
+  cpf?: string
+}
+
+const formatted = new Intl.DateTimeFormat('pt-BR', {
+  day: '2-digit',
+  month: '2-digit',
+  year: 'numeric',
+  hour: '2-digit',
+  minute: '2-digit'
+})
+
+export const columns: ColumnDef<User>[] = [
+  {
+    header: 'Colaborador',
+    cell: ({ row }) => {
+      const { name, email } = row.original
+
+      return (
+        <div className="flex gap-2.5 items-center">
+          <Avatar className="size-10 hidden lg:block">
+            <AvatarFallback>{initials(name)}</AvatarFallback>
+          </Avatar>
+
+          <ul>
+            <li className="font-bold">
+              <Abbr>{name}</Abbr>
+            </li>
+            <li className="text-muted-foreground text-sm">
+              <Abbr>{email}</Abbr>
+            </li>
+          </ul>
+        </div>
+      )
+    }
+  },
+  {
+    header: 'CPF',
+    cell: ({ row }) => {
+      const { cpf } = row.original
+
+      if (cpf) {
+        return <>{formatCPF(cpf)}</>
+      }
+
+      return <></>
+    }
+  },
+  {
+    header: 'Último accesso',
+    cell: ({ row }) => {
+      // Post-migration: rename `lastLogin` to `last_login`
+      if (row.original?.lastLogin) {
+        const lastLogin = new Date(row.original.lastLogin)
+        return formatted.format(lastLogin)
+      }
+
+      return <></>
+    }
+  },
+  {
+    header: 'Cadastrado em',
+    meta: {
+      className: 'w-1/12'
+    },
+    cell: ({ row }) => {
+      const created_at = new Date(row.original.createDate)
+      return formatted.format(created_at)
+    }
+  }
+]