From c9040d9e8ba9d72bd44f0d500ade273c0fe82965 Mon Sep 17 00:00:00 2001
From: Grzegorz Derdak <grzegorz.derdak@gmail.com>
Date: Thu, 22 Oct 2020 11:58:20 +0200
Subject: [PATCH] Fix for fulfilling order when product quantity is 1

---
 .../OrderFulfillPage/OrderFulfillPage.tsx     |   4 +-
 .../components/OrderFulfillPage/fixtures.ts   |   4 +-
 .../__snapshots__/Stories.test.ts.snap        | 172 +++++++++---------
 3 files changed, 89 insertions(+), 91 deletions(-)

diff --git a/src/orders/components/OrderFulfillPage/OrderFulfillPage.tsx b/src/orders/components/OrderFulfillPage/OrderFulfillPage.tsx
index e8e157f5b..bf573f2f1 100644
--- a/src/orders/components/OrderFulfillPage/OrderFulfillPage.tsx
+++ b/src/orders/components/OrderFulfillPage/OrderFulfillPage.tsx
@@ -340,9 +340,7 @@ const OrderFulfillPage: React.FC<OrderFulfillPageProps> = props => {
                               );
                             }
 
-                            const availableQuantity =
-                              warehouseStock.quantity -
-                              warehouseStock.quantityAllocated;
+                            const availableQuantity = warehouseStock.quantity;
 
                             return (
                               <TableCell
diff --git a/src/orders/components/OrderFulfillPage/fixtures.ts b/src/orders/components/OrderFulfillPage/fixtures.ts
index cdeae6a24..c8eed3ffc 100644
--- a/src/orders/components/OrderFulfillPage/fixtures.ts
+++ b/src/orders/components/OrderFulfillPage/fixtures.ts
@@ -105,8 +105,8 @@ export const orderToFulfill: OrderFulfillData_order = {
             __typename: "Stock",
             id: "U3RvY2s6NTE=",
             warehouse: warehouseList[2],
-            quantity: 760,
-            quantityAllocated: 33
+            quantity: 20,
+            quantityAllocated: 20
           },
           {
             __typename: "Stock",
diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap
index c0c8b558a..36085fdc0 100644
--- a/src/storybook/__snapshots__/Stories.test.ts.snap
+++ b/src/storybook/__snapshots__/Stories.test.ts.snap
@@ -85636,7 +85636,47 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       <div
                         class="OrderFulfillPage-remainingQuantity-id"
                       >
-                        / 758
+                        / 760
+                      </div>
+                      <fieldset
+                        aria-hidden="true"
+                        class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                        style="padding-left:8px"
+                      >
+                        <legend
+                          class="PrivateNotchedOutline-legend-id"
+                          style="width:0"
+                        >
+                          <span>
+                            ​
+                          </span>
+                        </legend>
+                      </fieldset>
+                    </div>
+                  </div>
+                </td>
+                <td
+                  class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
+                >
+                  <div
+                    class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
+                  >
+                    <div
+                      class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                    >
+                      <input
+                        aria-invalid="false"
+                        class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                        max="20"
+                        min="0"
+                        style="text-align:right"
+                        type="number"
+                        value="0"
+                      />
+                      <div
+                        class="OrderFulfillPage-remainingQuantity-id"
+                      >
+                        / 20
                       </div>
                       <fieldset
                         aria-hidden="true"
@@ -85676,47 +85716,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       <div
                         class="OrderFulfillPage-remainingQuantity-id"
                       >
-                        / 727
-                      </div>
-                      <fieldset
-                        aria-hidden="true"
-                        class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
-                      >
-                        <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
-                        >
-                          <span>
-                            ​
-                          </span>
-                        </legend>
-                      </fieldset>
-                    </div>
-                  </div>
-                </td>
-                <td
-                  class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
-                >
-                  <div
-                    class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                  >
-                    <div
-                      class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                    >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                        max="760"
-                        min="0"
-                        style="text-align:right"
-                        type="number"
-                        value="0"
-                      />
-                      <div
-                        class="OrderFulfillPage-remainingQuantity-id"
-                      >
-                        / 756
+                        / 760
                       </div>
                       <fieldset
                         aria-hidden="true"
@@ -85846,7 +85846,7 @@ exports[`Storyshots Views / Orders / Fulfill order default 1`] = `
                       <div
                         class="OrderFulfillPage-remainingQuantity-id"
                       >
-                        / 586
+                        / 587
                       </div>
                       <fieldset
                         aria-hidden="true"
@@ -86289,7 +86289,47 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       <div
                         class="OrderFulfillPage-remainingQuantity-id"
                       >
-                        / 758
+                        / 760
+                      </div>
+                      <fieldset
+                        aria-hidden="true"
+                        class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
+                        style="padding-left:8px"
+                      >
+                        <legend
+                          class="PrivateNotchedOutline-legend-id"
+                          style="width:0"
+                        >
+                          <span>
+                            ​
+                          </span>
+                        </legend>
+                      </fieldset>
+                    </div>
+                  </div>
+                </td>
+                <td
+                  class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
+                >
+                  <div
+                    class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
+                  >
+                    <div
+                      class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
+                    >
+                      <input
+                        aria-invalid="false"
+                        class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
+                        max="20"
+                        min="0"
+                        style="text-align:right"
+                        type="number"
+                        value="0"
+                      />
+                      <div
+                        class="OrderFulfillPage-remainingQuantity-id"
+                      >
+                        / 20
                       </div>
                       <fieldset
                         aria-hidden="true"
@@ -86329,47 +86369,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       <div
                         class="OrderFulfillPage-remainingQuantity-id"
                       >
-                        / 727
-                      </div>
-                      <fieldset
-                        aria-hidden="true"
-                        class="PrivateNotchedOutline-root-id MuiOutlinedInput-notchedOutline-id"
-                        style="padding-left:8px"
-                      >
-                        <legend
-                          class="PrivateNotchedOutline-legend-id"
-                          style="width:0"
-                        >
-                          <span>
-                            ​
-                          </span>
-                        </legend>
-                      </fieldset>
-                    </div>
-                  </div>
-                </td>
-                <td
-                  class="MuiTableCell-root-id MuiTableCell-body-id OrderFulfillPage-colQuantity-id"
-                >
-                  <div
-                    class="MuiFormControl-root-id MuiTextField-root-id MuiFormControl-fullWidth-id"
-                  >
-                    <div
-                      class="MuiInputBase-root-id MuiOutlinedInput-root-id MuiInputBase-fullWidth-id MuiInputBase-formControl-id MuiInputBase-adornedEnd-id MuiOutlinedInput-adornedEnd-id"
-                    >
-                      <input
-                        aria-invalid="false"
-                        class="MuiInputBase-input-id MuiOutlinedInput-input-id OrderFulfillPage-quantityInnerInput-id MuiInputBase-inputAdornedEnd-id MuiOutlinedInput-inputAdornedEnd-id"
-                        max="760"
-                        min="0"
-                        style="text-align:right"
-                        type="number"
-                        value="0"
-                      />
-                      <div
-                        class="OrderFulfillPage-remainingQuantity-id"
-                      >
-                        / 756
+                        / 760
                       </div>
                       <fieldset
                         aria-hidden="true"
@@ -86499,7 +86499,7 @@ exports[`Storyshots Views / Orders / Fulfill order error 1`] = `
                       <div
                         class="OrderFulfillPage-remainingQuantity-id"
                       >
-                        / 586
+                        / 587
                       </div>
                       <fieldset
                         aria-hidden="true"