Merge pull request #754 from mirumee/fix/order-draft-negative-quantity
Fix order draft negative quantity
This commit is contained in:
commit
b0a416e0fa
2 changed files with 33 additions and 19 deletions
|
@ -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<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 = createNonNegativeValueChangeHandler(
|
||||
change
|
||||
);
|
||||
|
||||
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}
|
||||
inputProps={{
|
||||
min: 1
|
||||
}}
|
||||
/>
|
||||
)}
|
||||
</DebounceForm>
|
||||
);
|
||||
}}
|
||||
</Form>
|
||||
) : (
|
||||
<Skeleton />
|
||||
|
|
|
@ -108894,6 +108894,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
|
|||
<input
|
||||
aria-invalid="false"
|
||||
class="MuiInputBase-input-id MuiOutlinedInput-input-id"
|
||||
min="1"
|
||||
name="quantity"
|
||||
type="number"
|
||||
value="2"
|
||||
|
@ -108998,6 +108999,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
|
|||
<input
|
||||
aria-invalid="false"
|
||||
class="MuiInputBase-input-id MuiOutlinedInput-input-id"
|
||||
min="1"
|
||||
name="quantity"
|
||||
type="number"
|
||||
value="2"
|
||||
|
@ -109911,6 +109913,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
|
|||
<input
|
||||
aria-invalid="false"
|
||||
class="MuiInputBase-input-id MuiOutlinedInput-input-id"
|
||||
min="1"
|
||||
name="quantity"
|
||||
type="number"
|
||||
value="2"
|
||||
|
@ -110015,6 +110018,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
|
|||
<input
|
||||
aria-invalid="false"
|
||||
class="MuiInputBase-input-id MuiOutlinedInput-input-id"
|
||||
min="1"
|
||||
name="quantity"
|
||||
type="number"
|
||||
value="2"
|
||||
|
|
Loading…
Reference in a new issue