feat(frontend): add React UI — procurement office, wizard, suppliers, inventory panel (dash port), role-based login

2026-08-25 19:08:15 +03:30
parent 170aed66ea
commit 4e105c5cd5
103 changed files with 16352 additions and 0 deletions
@@ -0,0 +1,50 @@
+import { Inbox } from "lucide-react";
+import type { Quote, Store } from "../../lib/types";
+import { QuoteCard } from "./QuoteCard";
+import { EmptyState } from "../../components/EmptyState";
+
+export interface LedgerTableProps {
+  store: Store;
+  quotes: Quote[];
+  expanded: Set<string>;
+  onToggleExpand: (id: string) => void;
+  onAccept: (id: string) => void;
+  onEdit: (id: string) => void;
+}
+
+// دفتر پیشنهادها — فهرست کارت‌ها (هر پیشنهاد یک کارت خوانا)
+export function LedgerTable({
+  store,
+  quotes,
+  expanded,
+  onToggleExpand,
+  onAccept,
+  onEdit,
+}: LedgerTableProps) {
+  if (!quotes.length) {
+    return (
+      <div className="rounded-lg border border-line bg-panel">
+        <EmptyState icon={Inbox} text="پیشنهادی مطابق فیلترها یافت نشد" />
+      </div>
+    );
+  }
+
+  return (
+    <div className="flex flex-col gap-3">
+      {quotes.map((q) => (
+        <QuoteCard
+          key={q.id}
+          store={store}
+          q={q}
+          expanded={expanded.has(q.id)}
+          onToggleExpand={() => onToggleExpand(q.id)}
+          onAccept={() => onAccept(q.id)}
+          onEdit={() => onEdit(q.id)}
+        />
+      ))}
+      <div className="py-1 text-center text-[11px] text-muted">
+        هشدار «منقضی» = قیمت پیشنهادی از تاریخ انقضا گذشته؛ برای پیش‌بینی قیمت، شمارش نمی‌شود.
+      </div>
+    </div>
+  );
+}