ucdavis · jSylvestre · May 6, 2026 · May 6, 2026 · May 6, 2026 · May 14, 2026
diff --git a/Anlab.Mvc/AnlabMvc.csproj b/Anlab.Mvc/AnlabMvc.csproj
@@ -6,7 +6,7 @@
     <SpaRoot>ClientApp\</SpaRoot>
     <DefaultItemExcludes>$(DefaultItemExcludes);$(SpaRoot)node_modules\**</DefaultItemExcludes>
     <UserSecretsId>f3c999a5-2304-44e0-a49e-f43333bf9ccf</UserSecretsId>
-    <Version>2.0.3.2</Version>
+    <Version>2.0.3.3</Version>
     <Description>Order and results management system for AnLab@UCDavis</Description>
     <TypeScriptToolsVersion>2.3</TypeScriptToolsVersion>
   </PropertyGroup>

diff --git a/Anlab.Mvc/ClientApp/src/components/OrderForm.tsx b/Anlab.Mvc/ClientApp/src/components/OrderForm.tsx
@@ -12,7 +12,7 @@ import { SampleDisposition } from "./SampleDisposition";
 import { IPayment, PaymentSelection } from "./PaymentSelection";
 import { IOtherPaymentInfo } from "./OtherPaymentQuestions";
 import { Project } from "./Project";
-import { Quantity } from "./Quantity";
+import { ORDER_QUANTITY_MAX, Quantity } from "./Quantity";
 import {
   ISampleTypeQuestions,
   SampleTypeQuestions,
@@ -401,7 +401,7 @@ export default class OrderForm extends React.Component<
                       }
                     />
                     <Input
-                      label="Client Provided ID (CDFA Only)"
+                      label="Client Provided Id"
                       value={clientProvidedId}
                       maxLength={6}
                       onChange={(e) =>
@@ -474,8 +474,9 @@ export default class OrderForm extends React.Component<
                   How many samples will you be submitting?
                 </label>
                 <p className="help-block">
-                  Note: 100 sample limit per work order. If submitting more than
-                  100 sample please create additional work orders.
+                  Note: {ORDER_QUANTITY_MAX} sample limit per work order. If
+                  submitting more than {ORDER_QUANTITY_MAX} samples please
+                  create additional work orders.
                 </p>
                 <p className="help-block">
                   Each sample container must be numbered consecutively beginning
@@ -640,7 +641,7 @@ export default class OrderForm extends React.Component<
     }
 
     // check quantity
-    if (this.state.quantity <= 0 || this.state.quantity > 100) {
+    if (this.state.quantity <= 0 || this.state.quantity > ORDER_QUANTITY_MAX) {
       valid = false;
     }
 
@@ -968,7 +969,10 @@ export default class OrderForm extends React.Component<
       !this.state.sampleDisposition.trim()
     ) {
       this._focusInput(this.sampleDispositionRef);
-    } else if (this.state.quantity <= 0 || this.state.quantity > 100) {
+    } else if (
+      this.state.quantity <= 0 ||
+      this.state.quantity > ORDER_QUANTITY_MAX
+    ) {
       this._focusInput(this.quantityRef);
     } else if (
       (this.state.sampleType === "Water" ||

diff --git a/Anlab.Mvc/ClientApp/src/components/Quantity.tsx b/Anlab.Mvc/ClientApp/src/components/Quantity.tsx
@@ -1,9 +1,11 @@
-import * as React from "react";
-import { IntegerInput } from "./ui/integerInput/integerInput";
-
-interface IQuantityProps {
-  quantity?: number;
-  onQuantityChanged: (value: number) => void;
+import * as React from "react";
+import { IntegerInput } from "./ui/integerInput/integerInput";
+
+export const ORDER_QUANTITY_MAX = 200;
+
+interface IQuantityProps {
+  quantity?: number;
+  onQuantityChanged: (value: number) => void;
   quantityRef: (element: HTMLInputElement) => void;
 }
 
@@ -13,13 +15,13 @@ export class Quantity extends React.Component<IQuantityProps, {}> {
       <IntegerInput
         name="quantity"
         label="Quantity"
-        value={this.props.quantity}
-        onChange={this.props.onQuantityChanged}
-        min={1}
-        max={100}
-        required={true}
-        inputRef={this.props.quantityRef}
-      />
+        value={this.props.quantity}
+        onChange={this.props.onQuantityChanged}
+        min={1}
+        max={ORDER_QUANTITY_MAX}
+        required={true}
+        inputRef={this.props.quantityRef}
+      />
     );
   }
 }
diff --git a/Anlab.Mvc/ClientApp/src/components/specs/Quantity.test.tsx b/Anlab.Mvc/ClientApp/src/components/specs/Quantity.test.tsx
@@ -1,17 +1,33 @@
-import * as React from "react";
-import { render, screen } from "@testing-library/react";
-
-import { Quantity } from "../Quantity";
-
-describe("<Quantity />", () => {
+import * as React from "react";
+import { render, screen } from "@testing-library/react";
+import userEvent from "@testing-library/user-event";
+
+import { ORDER_QUANTITY_MAX, Quantity } from "../Quantity";
+
+const QuantityHarness = () => {
+  const [quantity, setQuantity] = React.useState<number>();
+  return (
+    <Quantity
+      quantity={quantity}
+      onQuantityChanged={setQuantity}
+      quantityRef={() => {}}
+    />
+  );
+};
+
+describe("<Quantity />", () => {
   it("should render an IntegerInput", () => {
     render(
       <Quantity quantity={1} onQuantityChanged={null} quantityRef={null} />
     );
     expect(screen.getByRole("textbox")).toBeInTheDocument();
   });
 
-  describe("properties", () => {
+  describe("properties", () => {
+    it("should have a max quantity of 200", () => {
+      expect(ORDER_QUANTITY_MAX).toBe(200);
+    });
+
     it("should have a name", () => {
       render(
         <Quantity quantity={1} onQuantityChanged={null} quantityRef={null} />
@@ -31,11 +47,40 @@ describe("<Quantity />", () => {
       );
       expect(screen.getByRole("textbox")).toHaveAttribute("value", "33");
     });
-    it("should have be required", () => {
-      render(
-        <Quantity quantity={33} onQuantityChanged={null} quantityRef={null} />
-      );
-      expect(screen.getByRole("textbox")).toHaveAttribute("required");
-    });
-  });
-});
+    it("should have be required", () => {
+      render(
+        <Quantity quantity={33} onQuantityChanged={null} quantityRef={null} />
+      );
+      expect(screen.getByRole("textbox")).toHaveAttribute("required");
+    });
+
+    it("should allow 200 samples", async () => {
+      render(<QuantityHarness />);
+
+      const user = userEvent.setup();
+      await user.type(screen.getByRole("textbox"), String(ORDER_QUANTITY_MAX));
+
+      expect(
+        screen.queryByText(
+          `Must be a number less than or equal to ${ORDER_QUANTITY_MAX}.`
+        )
+      ).not.toBeInTheDocument();
+    });
+
+    it("should reject more than 200 samples", async () => {
+      render(<QuantityHarness />);
+
+      const user = userEvent.setup();
+      await user.type(
+        screen.getByRole("textbox"),
+        String(ORDER_QUANTITY_MAX + 1)
+      );
+
+      expect(
+        screen.getByText(
+          `Must be a number less than or equal to ${ORDER_QUANTITY_MAX}.`
+        )
+      ).toBeInTheDocument();
+    });
+  });
+});
diff --git a/Anlab.Mvc/ClientApp/src/css/components.scss b/Anlab.Mvc/ClientApp/src/css/components.scss
@@ -367,6 +367,10 @@ table.table {
   color: $unitrans-red;
 }
 
+.text-error {
+  color: $unitrans-red;
+}
+
 .inline-block {
   padding-left: 1em;
   display: inline-block;

diff --git a/Anlab.Mvc/Models/Order/OrderSaveModel.cs b/Anlab.Mvc/Models/Order/OrderSaveModel.cs
@@ -10,8 +10,8 @@ public class OrderSaveModel
     {
 
         public int? OrderId { get; set; }
-        [Range(1, 100)]
-        public int Quantity { get; set; }
+        [Range(1, 200)]
+        public int Quantity { get; set; }
 
         [Required]
         public string SampleType { get; set; }