sergio/saladeaula.digital
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

update insights

Browse Source
This commit is contained in:
Sérgio Rafael Siqueira
2025-11-25 16:00:08 -03:00
parent 0278fca9f2
commit 93d330c8df
11 changed files with 65 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
apps/admin.saladeaula.digital/app/routes/_.$orgid/route.tsx
View File

@@ -71,7 +71,7 @@ export default function Route({ loaderData }: Route.ComponentProps) {
<SidebarInset className="relative flex flex-col flex-1 min-w-0">
<header
className="bg-background/15 backdrop-blur-sm
px-4 py-2 lg:py-4 sticky top-0 z-5"
px-4 py-2 lg:py-4 sticky top-0 z-10"
>
<div className="container mx-auto flex items-center max-w-7xl">
<SidebarTrigger className="md:hidden" />

8
apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/columns.tsx
View File

@@ -27,12 +27,14 @@ export const columns: ColumnDef<Enrollment>[] = [
{
id: 'select',
header: DataTableColumnHeaderSelect,
cell: DataTableColumnHeaderSelect
cell: DataTableColumnHeaderSelect,
meta: { className: 'w-8' }
},
...columns_,
{
id: 'actions',
cell: ActionMenu
id: 'action',
cell: ActionMenu,
meta: { className: 'w-12' }
}
]

1
apps/insights.saladeaula.digital/app/routes/_app.enrollments._index/route.tsx
View File

@@ -77,6 +77,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
{({ hits, page, hitsPerPage, totalHits }) => (
<DataTable
sort={[{ id: 'created_at', desc: true }]}
columnPinning={{ left: ['select'], right: ['action'] }}
columns={columns}
data={hits as Enrollment[]}
pageIndex={page - 1}

9
apps/insights.saladeaula.digital/app/routes/_app.orgs._index/columns.tsx
View File

@@ -1,7 +1,6 @@
'use client'
import { type ColumnDef } from '@tanstack/react-table'
import { EllipsisVerticalIcon } from 'lucide-react'
import { Button } from '@repo/ui/components/ui/button'
@@ -29,7 +28,8 @@ export const columns: ColumnDef<Org>[] = [
{
id: 'select',
header: DataTableColumnHeaderSelect,
cell: DataTableColumnSelect
cell: DataTableColumnSelect,
meta: { className: 'w-8' }
},
{
header: 'Empresa',
@@ -65,8 +65,9 @@ export const columns: ColumnDef<Org>[] = [
cell: DataTableColumnDatetime
},
{
id: 'actions',
cell: ActionMenu
id: 'action',
cell: ActionMenu,
meta: { className: 'w-12' }
}
]

1
apps/insights.saladeaula.digital/app/routes/_app.orgs._index/route.tsx
View File

@@ -48,6 +48,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
return (
<DataTable
sort={[{ id: 'created_at', desc: true }]}
columnPinning={{ left: ['select'], right: ['action'] }}
columns={columns}
data={hits as Org[]}
pageIndex={page - 1}

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

@@ -1,8 +1,15 @@
'use client'
import { type ColumnDef } from '@tanstack/react-table'
import { EllipsisVerticalIcon } from 'lucide-react'
import { Abbr } from '@repo/ui/components/abbr'
import { Button } from '@repo/ui/components/ui/button'
import {
DropdownMenu,
DropdownMenuContent,
DropdownMenuTrigger
} from '@repo/ui/components/ui/dropdown-menu'
import { Avatar, AvatarFallback } from '@repo/ui/components/ui/avatar'
import { initials } from '@repo/ui/lib/utils'
import {
@@ -12,13 +19,16 @@ import {
} from '@repo/ui/components/data-table'
import { columns as columns_, type Order } from '@repo/ui/routes/orders/columns'
import { CopyToClipboardItem } from '../_app.users._index/columns'
export type { Order }
export const columns: ColumnDef<Order>[] = [
{
id: 'select',
header: DataTableColumnHeaderSelect,
cell: DataTableColumnSelect
cell: DataTableColumnSelect,
meta: { className: 'w-8' }
},
{
header: 'Comprador',
@@ -28,7 +38,7 @@ export const columns: ColumnDef<Order>[] = [
return (
<div className="flex gap-2.5 items-center">
<Avatar className="size-10 hidden lg:block">
<AvatarFallback>{initials(name)}</AvatarFallback>
<AvatarFallback className="border">{initials(name)}</AvatarFallback>
</Avatar>
<ul>
@@ -50,5 +60,32 @@ export const columns: ColumnDef<Order>[] = [
accessorFn: ({ cpf, cnpj }) => cpf ?? cnpj,
cell: DataTableColumnCpfCnpj
},
...columns_
...columns_,
{
id: 'action',
cell: ActionMenu,
meta: { className: 'w-12' }
}
]
function ActionMenu({ row }: { row: any }) {
return (
<div className="flex justify-end items-center">
<DropdownMenu>
<DropdownMenuTrigger asChild>
<Button
variant="ghost"
className="data-[state=open]:bg-muted text-muted-foreground cursor-pointer"
size="icon-sm"
>
<EllipsisVerticalIcon />
<span className="sr-only">Abrir menu</span>
</Button>
</DropdownMenuTrigger>
<DropdownMenuContent align="end" className="w-36 *:cursor-pointer">
<CopyToClipboardItem text={row.id} />
</DropdownMenuContent>
</DropdownMenu>
</div>
)
}

1
apps/insights.saladeaula.digital/app/routes/_app.payments._index/route.tsx
View File

@@ -42,6 +42,7 @@ export default function Route({ loaderData: { data } }: Route.ComponentProps) {
return (
<DataTable
sort={[{ id: 'created_at', desc: true }]}
columnPinning={{ left: ['select'], right: ['action'] }}
columns={columns}
data={hits as Order[]}
pageIndex={page - 1}

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

@@ -25,12 +25,14 @@ export const columns: ColumnDef<User>[] = [
{
id: 'select',
header: DataTableColumnHeaderSelect,
cell: DataTableColumnSelect
cell: DataTableColumnSelect,
meta: { className: 'w-8' }
},
...columns_,
{
id: 'actions',
cell: ActionMenu
id: 'action',
cell: ActionMenu,
meta: { className: 'w-12' }
}
]

1
apps/insights.saladeaula.digital/app/routes/_app.users._index/route.tsx
View File

@@ -52,6 +52,7 @@ export default function Route({ loaderData: { data } }) {
return (
<DataTable
sort={[{ id: 'created_at', desc: true }]}
columnPinning={{ left: ['select'], right: ['action'] }}
columns={columns}
data={hits as User[]}
pageIndex={page - 1}