Felipe Carvalho
038ce3f556
Template genérico de checkout com ASAAS, parametrizado via env vars. Inclui fluxo completo: checkout → pedido → polling → webhook → admin. Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
49 lines
1.6 KiB
TypeScript
49 lines
1.6 KiB
TypeScript
"use client"
|
|
|
|
import { Cross2Icon } from "@radix-ui/react-icons"
|
|
import type { Table } from "@tanstack/react-table"
|
|
|
|
import { Button } from "@/components/ui/button"
|
|
import { Input } from "@/components/ui/input"
|
|
import { DataTableViewOptions } from "@/components/data-table-view-options"
|
|
import { DataTableFacetedFilter } from "@/components/data-table-faceted-filter"
|
|
|
|
interface DataTableToolbarProps<TData> {
|
|
table: Table<TData>
|
|
}
|
|
|
|
export function DataTableToolbar<TData>({ table }: DataTableToolbarProps<TData>) {
|
|
const isFiltered = table.getState().columnFilters.length > 0
|
|
|
|
return (
|
|
<div className="flex items-center justify-between">
|
|
<div className="flex flex-1 items-center space-x-2">
|
|
<Input
|
|
placeholder="Filtrar produtos..."
|
|
value={(table.getColumn("name")?.getFilterValue() as string) ?? ""}
|
|
onChange={(event) => table.getColumn("name")?.setFilterValue(event.target.value)}
|
|
className="h-8 w-[150px] lg:w-[250px]"
|
|
/>
|
|
{table.getColumn("tipo") && (
|
|
<DataTableFacetedFilter
|
|
column={table.getColumn("tipo")}
|
|
title="Tipo"
|
|
options={[
|
|
{ label: "e-CNPJ", value: "e-CNPJ" },
|
|
{ label: "e-CPF", value: "e-CPF" },
|
|
{ label: "NF-e", value: "NF-e" },
|
|
]}
|
|
/>
|
|
)}
|
|
{isFiltered && (
|
|
<Button variant="ghost" onClick={() => table.resetColumnFilters()} className="h-8 px-2 lg:px-3">
|
|
Limpar
|
|
<Cross2Icon className="ml-2 h-4 w-4" />
|
|
</Button>
|
|
)}
|
|
</div>
|
|
<DataTableViewOptions table={table} />
|
|
</div>
|
|
)
|
|
}
|