84 lines
3.5 KiB
JavaScript
84 lines
3.5 KiB
JavaScript
import { jsxs, jsx } from "react/jsx-runtime";
|
|
import { D as DeleteModal } from "./delete-modal-BrX_mlY2.js";
|
|
import { A as Avatar, a as AvatarImage, b as AvatarFallback } from "./avatar-C8iCpF5R.js";
|
|
import { B as Button } from "./button-CdJZJLGw.js";
|
|
import { ArrowUpDown, Pencil, Trash2 } from "lucide-react";
|
|
import EditForm from "./edit-form-B4iU37CN.js";
|
|
import "./dialog-DGP_3dPQ.js";
|
|
import "@radix-ui/react-dialog";
|
|
import "./utils-DLCPGU0v.js";
|
|
import "clsx";
|
|
import "tailwind-merge";
|
|
import "@inertiajs/react";
|
|
import "react";
|
|
import "@radix-ui/react-avatar";
|
|
import "@radix-ui/react-slot";
|
|
import "class-variance-authority";
|
|
import "./input-error-D1JIzedA.js";
|
|
import "./loading-button-CCIxhJrY.js";
|
|
import "./input-BsvJqbcd.js";
|
|
import "./label-0rIIfpX0.js";
|
|
import "@radix-ui/react-label";
|
|
import "./select-BYx0MCUK.js";
|
|
import "@radix-ui/react-select";
|
|
const TableColumn = (translate) => {
|
|
const { table, common } = translate;
|
|
return [
|
|
{
|
|
accessorKey: "name",
|
|
header: ({ column }) => {
|
|
return /* @__PURE__ */ jsx("div", { className: "flex items-center", children: /* @__PURE__ */ jsxs(Button, { variant: "ghost", className: "p-0 hover:bg-transparent", onClick: () => column.toggleSorting(column.getIsSorted() === "asc"), children: [
|
|
table.name,
|
|
/* @__PURE__ */ jsx(ArrowUpDown, {})
|
|
] }) });
|
|
},
|
|
cell: ({ row }) => /* @__PURE__ */ jsxs("div", { className: "flex items-center gap-2", children: [
|
|
/* @__PURE__ */ jsxs(Avatar, { className: "h-11 w-11", children: [
|
|
/* @__PURE__ */ jsx(AvatarImage, { src: row.original.photo || "", className: "object-cover" }),
|
|
/* @__PURE__ */ jsx(AvatarFallback, { children: "CN" })
|
|
] }),
|
|
/* @__PURE__ */ jsxs("div", { children: [
|
|
/* @__PURE__ */ jsx("p", { className: "mb-0.5 text-base font-medium", children: row.original.name }),
|
|
/* @__PURE__ */ jsx("p", { className: "text-muted-foreground text-xs", children: row.original.email })
|
|
] })
|
|
] })
|
|
},
|
|
{
|
|
accessorKey: "status",
|
|
header: table.status,
|
|
cell: ({ row }) => /* @__PURE__ */ jsx("div", { className: "capitalize", children: /* @__PURE__ */ jsx("span", { children: row.original.status === 1 ? common.active : common.inactive }) })
|
|
},
|
|
{
|
|
accessorKey: "role",
|
|
header: table.role,
|
|
cell: ({ row }) => /* @__PURE__ */ jsx("div", { className: "capitalize", children: /* @__PURE__ */ jsx("span", { children: row.original.role }) })
|
|
},
|
|
{
|
|
id: "actions",
|
|
header: () => /* @__PURE__ */ jsx("div", { className: "text-end", children: table.action }),
|
|
cell: ({ row }) => {
|
|
return /* @__PURE__ */ jsxs("div", { className: "flex justify-end gap-2 py-1", children: [
|
|
/* @__PURE__ */ jsx(
|
|
EditForm,
|
|
{
|
|
user: row.original,
|
|
actionComponent: /* @__PURE__ */ jsx(Button, { size: "icon", variant: "secondary", className: "h-8 w-8", children: /* @__PURE__ */ jsx(Pencil, {}) })
|
|
}
|
|
),
|
|
/* @__PURE__ */ jsx(
|
|
DeleteModal,
|
|
{
|
|
routePath: route("users.destroy", row.original.id),
|
|
message: table.delete_instructor_warning,
|
|
actionComponent: /* @__PURE__ */ jsx(Button, { size: "icon", variant: "ghost", className: "bg-destructive/8 hover:bg-destructive/6 h-8 w-8 p-0", children: /* @__PURE__ */ jsx(Trash2, { className: "text-destructive text-sm" }) })
|
|
}
|
|
)
|
|
] });
|
|
}
|
|
}
|
|
];
|
|
};
|
|
export {
|
|
TableColumn as default
|
|
};
|