From f027bc26fca94931df61c1cc0c7450de08020975 Mon Sep 17 00:00:00 2001
From: Rares Stefan <rares.capilnar@gmail.com>
Date: Thu, 9 Mar 2023 18:17:37 +0100
Subject: [PATCH] fix(admin): Show correct reserved/available values when
 editing stock on variant (#3438)

Update displayed labels to use actual `reserved_quantity` and a calculation for available quantity, now that we have the correct fields on the level.

![2023-03-09 17 04 16](https://user-images.githubusercontent.com/948623/224101557-1d0c28d9-4775-4ad4-a6ef-ebc7427c4119.gif)

Resolves CORE-1194
---
 .changeset/kind-seas-roll.md                           |  5 +++++
 .../variant-stock-form/index.tsx                       | 10 +++++-----
 2 files changed, 10 insertions(+), 5 deletions(-)
 create mode 100644 .changeset/kind-seas-roll.md

diff --git a/.changeset/kind-seas-roll.md b/.changeset/kind-seas-roll.md
new file mode 100644
index 0000000000..9a0be31f64
--- /dev/null
+++ b/.changeset/kind-seas-roll.md
@@ -0,0 +1,5 @@
+---
+"@medusajs/admin-ui": patch
+---
+
+fix(admin): Show correct reserved/available values when editing stock on variant
diff --git a/packages/admin-ui/ui/src/domain/products/components/variant-inventory-form/variant-stock-form/index.tsx b/packages/admin-ui/ui/src/domain/products/components/variant-inventory-form/variant-stock-form/index.tsx
index 9dd1dd7960..8f5519cb6c 100644
--- a/packages/admin-ui/ui/src/domain/products/components/variant-inventory-form/variant-stock-form/index.tsx
+++ b/packages/admin-ui/ui/src/domain/products/components/variant-inventory-form/variant-stock-form/index.tsx
@@ -150,12 +150,12 @@ const VariantStockForm = ({
                     </div>
                     <div className="flex ml-auto">
                       <div className="flex flex-col mr-base text-small text-grey-50">
-                        <span className="whitespace-nowrap">
-                          {`${
-                            level.stocked_quantity - level.available_quantity
-                          } reserved`}
+                        <span className="text-right whitespace-nowrap">
+                          {`${level.reserved_quantity} reserved`}
                         </span>
-                        <span className="whitespace-nowrap">{`${level.available_quantity} available`}</span>
+                        <span className="text-right whitespace-nowrap">{`${
+                          level.stocked_quantity - level.reserved_quantity
+                        } available`}</span>
                       </div>
                       <InputField
                         placeholder={"0"}