From 484780dcc32736ab31470d0f8aea88773639beb7 Mon Sep 17 00:00:00 2001
From: Dawid Tarasiuk <tarasiukdawid@gmail.com>
Date: Thu, 8 Oct 2020 13:42:43 +0200
Subject: [PATCH] Fix order draft negative quantity

---
 .../OrderDraftDetailsProducts.tsx             | 46 +++++++++++--------
 1 file changed, 27 insertions(+), 19 deletions(-)

diff --git a/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx b/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx
index c5fb64609..4853391a5 100644
--- a/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx
+++ b/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx
@@ -164,25 +164,33 @@ const OrderDraftDetailsProducts: React.FC<OrderDraftDetailsProductsProps> = prop
                     initial={{ quantity: line.quantity }}
                     onSubmit={data => onOrderLineChange(line.id, data)}
                   >
-                    {({ change, data, hasChanged, submit }) => (
-                      <DebounceForm
-                        change={change}
-                        submit={hasChanged ? submit : undefined}
-                        time={200}
-                      >
-                        {debounce => (
-                          <TextField
-                            className={classes.quantityField}
-                            fullWidth
-                            name="quantity"
-                            type="number"
-                            value={data.quantity}
-                            onChange={debounce}
-                            onBlur={submit}
-                          />
-                        )}
-                      </DebounceForm>
-                    )}
+                    {({ change, data, hasChanged, submit }) => {
+                      const handleQuantityChange = event => {
+                        if (/^\d*(\.\d+)?$/.test(event.target.value)) {
+                          change(event);
+                        }
+                      };
+
+                      return (
+                        <DebounceForm
+                          change={handleQuantityChange}
+                          submit={hasChanged ? submit : undefined}
+                          time={200}
+                        >
+                          {debounce => (
+                            <TextField
+                              className={classes.quantityField}
+                              fullWidth
+                              name="quantity"
+                              type="number"
+                              value={data.quantity}
+                              onChange={debounce}
+                              onBlur={submit}
+                            />
+                          )}
+                        </DebounceForm>
+                      );
+                    }}
                   </Form>
                 ) : (
                   <Skeleton />