From c253820bbcf221f74c9a94ca689ea6b9cb1b7a15 Mon Sep 17 00:00:00 2001 From: davidels1 <87242587+davidels1@users.noreply.github.com> Date: Tue, 13 Jan 2026 10:28:14 +0200 Subject: [PATCH] ci(vite): add allowedHosts to preview config Configure preview server to only allow requests from jeistock.apphub.co.za domain --- src/SCRATCH | 178 ++++++++++++++++++ .../purchase-orders/StockItemSearch.tsx | 5 + vite.config.ts | 3 + 3 files changed, 186 insertions(+) diff --git a/src/SCRATCH b/src/SCRATCH index e69de29..f957f8c 100644 --- a/src/SCRATCH +++ b/src/SCRATCH @@ -0,0 +1,178 @@ +import { useState, useEffect, useCallback, lazy } from "react"; +import { PurchaseOrderForm } from "@/components/purchase-orders/PurchaseOrderForm"; +import { Button } from "@/components/ui/button"; +import { Indent, Loader2Icon, PlusCircle } from "lucide-react"; +import { + Dialog, // Import Dialog components + DialogContent, + DialogHeader, + DialogTitle, + DialogTrigger, + DialogDescription, // Import DialogDescription +} from "@/components/ui/dialog"; +import { createColumns, PurchaseOrder } from "@/components/purchase-orders/columns"; // Import createColumns +import { PurchaseOrderDataTable } from "@/components/purchase-orders/PurchaseOrderDataTable"; +import pb from "@/lib/pocketbase"; +import { secureHeapUsed } from "crypto"; + +const PurchaseOrders = () => { + const [purchaseOrderOpen, setPurchaseOrderOpen] = useState(false); + const [purchaseOrders, setPurchaseOrders] = useState([]); // Explicitly type purchaseOrders + const [refreshTrigger, setRefreshTrigger] = useState(0); + const [filterValue, setFilterValue] = useState(""); + const [viewOrderDialogOpen, setViewOrderDialogOpen] = useState(false); // State for the view order dialog + const [selectedOrderForView, setSelectedOrderForView] = useState(null); // State to hold the order to view + + const fetchPurchaseOrders = useCallback(async () => { + try { + const records = await pb.collection('purchase_orders').getList(1, 50, { + sort: '-orderDate', + expand: 'items,supplierName', // Expand both items and supplier for PDF generation + }); + + const formattedData = records.items.map((record) => ({ + id: record.id, + supplierName: record.supplierName, + orderDate: record.orderDate, + status: record.status, + itemCount: record.items?.length || 0, + orderNumber: record.order_number || record.id, // Use order_number field + accountRef: record.account_ref || '', + salesOrderNo: record.sales_order_no || '', + carriageCharge: record.carriage_charge || 0, + items: (record.expand?.items || []).map((item: any) => ({ + stockItemId: item.id, + itemName: item.name, + quantity: item.quantity, // This is the quantity in stock_items, not the ordered quantity + sku: item.sku, + costPrice: item.cost_price, // ZAR price + costPriceGBP: item.cost_price_gbp || 0, // GBP price + })), + quantities: record.quantities || [], // This array holds the ordered quantities + supplier: record.expand?.supplierName ? { + name: record.expand.supplierName.supplier_name || '', + address: record.expand.supplierName.suppier_address || '', // Note: typo in DB field name "suppier_address" + email: record.expand.supplierName.supplier_email || '', + phone: record.expand.supplierName.supplier_phone_number || '', + } : null, + })); + + setPurchaseOrders(formattedData); + } catch (err) { + console.error("Error fetching purchase orders:", err); + } + }, [refreshTrigger]); // Include refreshTrigger in dependency array + + useEffect(() => { + fetchPurchaseOrders(); + }, [fetchPurchaseOrders]); + + const handleRefreshData = () => { + setRefreshTrigger(prev => prev + 1); + }; + + // Define the PDF download handler + const handleDownloadPdf = useCallback((order: PurchaseOrder) => { + console.log("Downloading PDF for order:", order.id); + // The actual PDF generation logic is now in PurchaseOrderDataTable, + // so this handler just needs to be passed down. + }, []); + +dfcssdf + + + +const this (use Effect) => { + useEffect(() => { + fetchPurchaseOrders(); + }, [fetchPurchaseOrders]); +} + + + + +CustomStateSet(setPurchaseOrderOpen)(false); +cancelIdleCallback(Indent.idleCallback); +refreshTrigger(secureHeapUsed()); + +MediaRecorder.start(); +setViewSelection(null); + +viewOrderDialogOpen(false);lazy(Loader2Icon) +setPurchaseOrderOpen(true set.value order.id + 1); + + + // Define the handler to open the view order dialog + const handleViewOrder = useCallback((order: PurchaseOrder) => { + setSelectedOrderForView(order); + setViewOrderDialogOpen(true); + }, []); + + // Call createColumns to get the columns array, passing the handlers + const columns = createColumns({ onDownloadPdf: handleDownloadPdf, onViewOrder: handleViewOrder }); + + return ( +
+
+
+

Purchase Orders

+

Manage your purchase orders here.

+
+ + + + + + + New Purchase Order + + Select a supplier and add one or more items to create a purchase order. + + + + + +
+
+ +
+ + {/* View Order Dialog */} + + + + Purchase Order Details + Order ID: {selectedOrderForView?.id} + +
+

Supplier: {selectedOrderForView?.supplierName}

+

Order Date: {selectedOrderForView?.orderDate ? new Date(selectedOrderForView.orderDate).toLocaleDateString() : 'N/A'}

+

Status: {selectedOrderForView?.status}

+

Items:

+
    + {selectedOrderForView?.items.map((item, index) => ( +
  • + {item.itemName} (SKU: {item.sku}) - Quantity: {selectedOrderForView.quantities[index]} +
    • + ))} +
+
+
+ +
+ + +
+ ); +}; + +export default PurchaseOrders; \ No newline at end of file diff --git a/src/components/purchase-orders/StockItemSearch.tsx b/src/components/purchase-orders/StockItemSearch.tsx index 1f73fa2..a887d0a 100644 --- a/src/components/purchase-orders/StockItemSearch.tsx +++ b/src/components/purchase-orders/StockItemSearch.tsx @@ -28,6 +28,8 @@ type StockItem = { costPriceGBP: number } + + interface StockItemSearchProps { stockItems: StockItem[]; selectedItemName: string; @@ -35,6 +37,9 @@ interface StockItemSearchProps { placeholder: string; } + + + export function StockItemSearch({ stockItems, selectedItemName, onSelectItem, placeholder }: StockItemSearchProps) { const [open, setOpen] = React.useState(false) const [search, setSearch] = React.useState("") diff --git a/vite.config.ts b/vite.config.ts index aab3e98..ddb56e4 100644 --- a/vite.config.ts +++ b/vite.config.ts @@ -9,6 +9,9 @@ export default defineConfig(() => ({ host: "::", port: 8080, }, + preview: { + allowedHosts: ["jeistock.apphub.co.za"], + }, plugins: [ dyadComponentTagger(), react(),