bug fixers 10/20

Frontend/erp-system/components/procurement/PurchaseOrderListView.tsx

@@ -78,6 +78,8 @@ export function PurchaseOrderListView({
   actionsHeader = "Actions",
   emptyMessage,
   onTotalChange,
+  status: controlledStatus,
+  onStatusChange,
 }: {
   /** Pins the list to one status (the approval queue); hides the status filter. */
   fixedStatus?: PurchaseOrderStatus
@@ -88,6 +90,9 @@ export function PurchaseOrderListView({
   emptyMessage?: ReactNode
   /** Total rows matching the current filters, e.g. for a count badge in the page header. */
   onTotalChange?: (total: number | null) => void
+  /** Optional controlled status filter — lets the page drive it (e.g. from a stat card). */
+  status?: PurchaseOrderStatus | "All"
+  onStatusChange?: (status: PurchaseOrderStatus | "All") => void
 }) {
   const router = useRouter()
   const { isAdmin, activeBranchId, branchingEnabled } = useAuth()
@@ -103,7 +108,9 @@ export function PurchaseOrderListView({
 
   const [searchInput, setSearchInput] = useState("")
   const [query, setQuery] = useState("")
-  const [status, setStatus] = useState<StatusFilter>("All")
+  const [innerStatus, setInnerStatus] = useState<StatusFilter>("All")
+  const status = controlledStatus ?? innerStatus
+  const setStatus = onStatusChange ?? setInnerStatus
   const [dateRange, setDateRange] = useState<DateRangeValue>({ preset: "All" })
   const [sortKey, setSortKey] = useState<SortKey>("created")
   const [sortOrder, setSortOrder] = useState<SortOrder>("desc")