74 lines
3.4 KiB
JavaScript
74 lines
3.4 KiB
JavaScript
import { jsxs, jsx } from "react/jsx-runtime";
|
|
import { B as Button } from "./index-CY6fYws-.js";
|
|
import { T as Table, a as TableHeader, b as TableRow, c as TableHead, d as TableBody, e as TableCell } from "./table-DB-AS5w6.js";
|
|
import { A as AppLayout, d as dashboard } from "./app-layout-BFyUFda2.js";
|
|
import { Head, Link } from "@inertiajs/react";
|
|
import { Pencil, Trash2 } from "lucide-react";
|
|
import "@radix-ui/react-slot";
|
|
import "class-variance-authority";
|
|
import "clsx";
|
|
import "tailwind-merge";
|
|
import "react";
|
|
import "./sheet-Bq2cyJmx.js";
|
|
import "@radix-ui/react-dialog";
|
|
import "@radix-ui/react-tooltip";
|
|
import "@radix-ui/react-dropdown-menu";
|
|
import "@radix-ui/react-avatar";
|
|
import "./app-logo-icon-kpljnLMz.js";
|
|
function Product({
|
|
product
|
|
}) {
|
|
return /* @__PURE__ */ jsxs(
|
|
AppLayout,
|
|
{
|
|
breadcrumbs: [
|
|
{ title: "Products", href: dashboard.product.index().url }
|
|
],
|
|
children: [
|
|
/* @__PURE__ */ jsx(Head, { title: "Products" }),
|
|
/* @__PURE__ */ jsxs("section", { className: "flex flex-col gap-8 px-8 py-8", children: [
|
|
/* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between", children: [
|
|
/* @__PURE__ */ jsx("h1", { className: "text-xl font-semibold tracking-tight", children: "Products" }),
|
|
/* @__PURE__ */ jsx(Link, { href: dashboard.product.add(), children: /* @__PURE__ */ jsx(Button, { className: "cursor-pointer", children: "Add Image" }) })
|
|
] }),
|
|
/* @__PURE__ */ jsxs(Table, { children: [
|
|
/* @__PURE__ */ jsx(TableHeader, { children: /* @__PURE__ */ jsxs(TableRow, { children: [
|
|
/* @__PURE__ */ jsx(TableHead, { className: "w-[80px]", children: "S.N." }),
|
|
/* @__PURE__ */ jsx(TableHead, { className: "w-48", children: "Image" }),
|
|
/* @__PURE__ */ jsx(TableHead, { children: "Title" }),
|
|
/* @__PURE__ */ jsx(TableHead, { className: "w-24", children: "Type" }),
|
|
/* @__PURE__ */ jsx(TableHead, { className: "text-right", children: "Action" })
|
|
] }) }),
|
|
/* @__PURE__ */ jsx(TableBody, { children: product.map((item, index) => /* @__PURE__ */ jsxs(TableRow, { children: [
|
|
/* @__PURE__ */ jsx(TableCell, { className: "font-medium", children: index + 1 }),
|
|
/* @__PURE__ */ jsx(TableCell, { children: /* @__PURE__ */ jsx(
|
|
"img",
|
|
{
|
|
src: item.image_url,
|
|
alt: item.title,
|
|
className: "aspect-video w-24 rounded-md object-cover object-center"
|
|
}
|
|
) }),
|
|
/* @__PURE__ */ jsx(TableCell, { children: item.title }),
|
|
/* @__PURE__ */ jsx(TableCell, { children: item.type }),
|
|
/* @__PURE__ */ jsx(TableCell, { className: "text-right", children: /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-end gap-2", children: [
|
|
/* @__PURE__ */ jsx(Link, { href: "", children: /* @__PURE__ */ jsx(Pencil, { size: 18 }) }),
|
|
/* @__PURE__ */ jsx(Link, { href: "", children: /* @__PURE__ */ jsx(
|
|
Trash2,
|
|
{
|
|
size: 18,
|
|
color: "#D2042D"
|
|
}
|
|
) })
|
|
] }) })
|
|
] }, index)) })
|
|
] })
|
|
] })
|
|
]
|
|
}
|
|
);
|
|
}
|
|
export {
|
|
Product as default
|
|
};
|