"use client"; import { motion } from "framer-motion"; import Link from "next/link"; import { Eye, Printer } from "lucide-react"; /* ================= TYPES ================= */ type Item = { id: number; sku: string; name: string; category: string; unit: string; is_active: boolean; description: string; barcode: string | null; }; export function ItemsTable({ data, page, limit, selectedItems, toggleSelectItem, }: { data: Item[]; page: number; limit: number; selectedItems: number[]; toggleSelectItem: (id: number) => void; }) { // GANTI function handlePrintQr MENJADI INI // GANTI handlePrintQr MENJADI INI // ukuran disamakan dengan print multiple (QR 120x120) const handlePrintQr = (item: Item) => { if (!item.barcode) { alert("QR Code / Barcode belum tersedia"); return; } const qrUrl = `https://api.qrserver.com/v1/create-qr-code/?size=120x120&data=${encodeURIComponent( item.barcode )}`; const win = window.open("", "_blank", "width=500,height=700"); if (!win) return; win.document.write(` Preview Print QR Code

${item.name}

${item.sku}
${item.barcode}
`); win.document.close(); }; return ( {/* DEPTH BACKGROUND */}
{/* ================= HEADER ================= */} {/* ================= BODY ================= */} {data.length === 0 ? ( ) : ( data.map((item, i) => { const no = (page - 1) * limit + i + 1; return ( {/* CHECKBOX */} {/* NO */} {/* SKU */} {/* NAMA */} {/* KATEGORI */} {/* BARCODE */} {/* STATUS */} {/* ACTION */} ); }) )}
#
No SKU Nama Item Kategori QR Code Status Action
📦

Tidak ada data
toggleSelectItem(item.id)} className="w-4 h-4 rounded border-gray-300 text-green-600 focus:ring-green-500" /> {no} {item.sku}
{item.name} {item.unit}
{item.category} {item.barcode || "-"} {item.is_active ? "Active" : "Inactive"}
Details
); }