manufacturing stabilization

client/src/modules/manufacturing/WorkOrderFormPage.tsx

@@ -5,7 +5,7 @@ import type {
 } from "@mrp/shared";
 import type { WarehouseLocationOptionDto } from "@mrp/shared/dist/inventory/types.js";
 import { useEffect, useMemo, useState } from "react";
-import { Link, useNavigate, useParams } from "react-router-dom";
+import { Link, useNavigate, useParams, useSearchParams } from "react-router-dom";
 
 import { useAuth } from "../../auth/AuthProvider";
 import { api, ApiError } from "../../lib/api";
@@ -15,6 +15,8 @@ export function WorkOrderFormPage({ mode }: { mode: "create" | "edit" }) {
   const { token } = useAuth();
   const navigate = useNavigate();
   const { workOrderId } = useParams();
+  const [searchParams] = useSearchParams();
+  const seededProjectId = searchParams.get("projectId");
   const [form, setForm] = useState<WorkOrderInput>(emptyWorkOrderInput);
   const [itemOptions, setItemOptions] = useState<ManufacturingItemOptionDto[]>([]);
   const [projectOptions, setProjectOptions] = useState<ManufacturingProjectOptionDto[]>([]);
@@ -32,9 +34,18 @@ export function WorkOrderFormPage({ mode }: { mode: "create" | "edit" }) {
     }
 
     api.getManufacturingItemOptions(token).then(setItemOptions).catch(() => setItemOptions([]));
-    api.getManufacturingProjectOptions(token).then(setProjectOptions).catch(() => setProjectOptions([]));
+    api.getManufacturingProjectOptions(token).then((options) => {
+      setProjectOptions(options);
+      if (mode === "create" && seededProjectId) {
+        const seededProject = options.find((option) => option.id === seededProjectId);
+        if (seededProject) {
+          setForm((current) => ({ ...current, projectId: seededProject.id }));
+          setProjectSearchTerm(`${seededProject.projectNumber} - ${seededProject.name}`);
+        }
+      }
+    }).catch(() => setProjectOptions([]));
     api.getWarehouseLocationOptions(token).then(setLocationOptions).catch(() => setLocationOptions([]));
-  }, [token]);
+  }, [mode, seededProjectId, token]);
 
   useEffect(() => {
     if (!token || mode !== "edit" || !workOrderId) {