63 lines
2.2 KiB
JavaScript
63 lines
2.2 KiB
JavaScript
import { jsxs, jsx } from "react/jsx-runtime";
|
|
import { B as Badge } from "./badge-J-zeQvMg.js";
|
|
import { format } from "date-fns";
|
|
import "@radix-ui/react-slot";
|
|
import "class-variance-authority";
|
|
import "./utils-DLCPGU0v.js";
|
|
import "clsx";
|
|
import "tailwind-merge";
|
|
const TableColumn = () => {
|
|
return [
|
|
{
|
|
accessorKey: "id",
|
|
header: () => /* @__PURE__ */ jsx("div", { className: "pl-4", children: "ID" }),
|
|
cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "pl-4 font-medium", children: [
|
|
"#",
|
|
row.original.id
|
|
] })
|
|
},
|
|
{
|
|
accessorKey: "user.name",
|
|
header: "Customer",
|
|
cell: ({ row }) => /* @__PURE__ */ jsxs("div", { children: [
|
|
/* @__PURE__ */ jsx("div", { className: "font-medium", children: row.original.user.name }),
|
|
/* @__PURE__ */ jsx("div", { className: "text-muted-foreground text-xs", children: row.original.user.email })
|
|
] })
|
|
},
|
|
{
|
|
accessorKey: "purchase.title",
|
|
header: "Item",
|
|
cell: ({ row }) => {
|
|
var _a;
|
|
return /* @__PURE__ */ jsx("div", { className: "max-w-[200px] truncate", children: ((_a = row.original.purchase) == null ? void 0 : _a.title) || "N/A" });
|
|
}
|
|
},
|
|
{
|
|
accessorKey: "amount",
|
|
header: "Amount",
|
|
cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "font-medium", children: [
|
|
"$",
|
|
Number(row.original.amount).toFixed(2)
|
|
] })
|
|
},
|
|
{
|
|
accessorKey: "payment_type",
|
|
header: "Payment Method",
|
|
cell: ({ row }) => /* @__PURE__ */ jsx(Badge, { variant: "outline", className: "capitalize", children: row.original.payment_type })
|
|
},
|
|
{
|
|
accessorKey: "transaction_id",
|
|
header: "Transaction ID",
|
|
cell: ({ row }) => /* @__PURE__ */ jsx("div", { className: "font-mono text-xs", children: row.original.transaction_id })
|
|
},
|
|
{
|
|
accessorKey: "created_at",
|
|
header: () => /* @__PURE__ */ jsx("div", { className: "pr-4 text-end", children: "Date" }),
|
|
cell: ({ row }) => /* @__PURE__ */ jsx("div", { className: "pr-4 text-end text-sm", children: format(new Date(row.original.created_at), "MMM dd, yyyy HH:mm") })
|
|
}
|
|
];
|
|
};
|
|
export {
|
|
TableColumn as default
|
|
};
|