diff --git a/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx b/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx index c5fb64609..3b73772e9 100644 --- a/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx +++ b/src/orders/components/OrderDraftDetailsProducts/OrderDraftDetailsProducts.tsx @@ -15,6 +15,7 @@ import Skeleton from "@saleor/components/Skeleton"; import TableCellAvatar, { AVATAR_MARGIN } from "@saleor/components/TableCellAvatar"; +import createNonNegativeValueChangeHandler from "@saleor/utils/handlers/nonNegativeValueChangeHandler"; import React from "react"; import { FormattedMessage } from "react-intl"; @@ -164,25 +165,34 @@ const OrderDraftDetailsProducts: React.FC = prop initial={{ quantity: line.quantity }} onSubmit={data => onOrderLineChange(line.id, data)} > - {({ change, data, hasChanged, submit }) => ( - - {debounce => ( - - )} - - )} + {({ change, data, hasChanged, submit }) => { + const handleQuantityChange = createNonNegativeValueChangeHandler( + change + ); + + return ( + + {debounce => ( + + )} + + ); + }} ) : ( diff --git a/src/storybook/__snapshots__/Stories.test.ts.snap b/src/storybook/__snapshots__/Stories.test.ts.snap index 280992f7a..1797af3a8 100644 --- a/src/storybook/__snapshots__/Stories.test.ts.snap +++ b/src/storybook/__snapshots__/Stories.test.ts.snap @@ -108894,6 +108894,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `