Use non negative value change handler for quantity input

This commit is contained in:
Dawid Tarasiuk 2020-10-09 13:11:48 +02:00
parent 8abe279248
commit f85ca42d36
2 changed files with 8 additions and 5 deletions

View file

@ -15,6 +15,7 @@ import Skeleton from "@saleor/components/Skeleton";
import TableCellAvatar, { import TableCellAvatar, {
AVATAR_MARGIN AVATAR_MARGIN
} from "@saleor/components/TableCellAvatar"; } from "@saleor/components/TableCellAvatar";
import createNonNegativeValueChangeHandler from "@saleor/utils/handlers/nonNegativeValueChangeHandler";
import React from "react"; import React from "react";
import { FormattedMessage } from "react-intl"; import { FormattedMessage } from "react-intl";
@ -165,11 +166,9 @@ const OrderDraftDetailsProducts: React.FC<OrderDraftDetailsProductsProps> = prop
onSubmit={data => onOrderLineChange(line.id, data)} onSubmit={data => onOrderLineChange(line.id, data)}
> >
{({ change, data, hasChanged, submit }) => { {({ change, data, hasChanged, submit }) => {
const handleQuantityChange = event => { const handleQuantityChange = createNonNegativeValueChangeHandler(
if (/^\d*(\.\d+)?$/.test(event.target.value)) { change
change(event); );
}
};
return ( return (
<DebounceForm <DebounceForm

View file

@ -108894,6 +108894,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id"
min="1"
name="quantity" name="quantity"
type="number" type="number"
value="2" value="2"
@ -108998,6 +108999,7 @@ exports[`Storyshots Views / Orders / Order draft default 1`] = `
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id"
min="1"
name="quantity" name="quantity"
type="number" type="number"
value="2" value="2"
@ -109911,6 +109913,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id"
min="1"
name="quantity" name="quantity"
type="number" type="number"
value="2" value="2"
@ -110015,6 +110018,7 @@ exports[`Storyshots Views / Orders / Order draft no user permissions 1`] = `
<input <input
aria-invalid="false" aria-invalid="false"
class="MuiInputBase-input-id MuiOutlinedInput-input-id" class="MuiInputBase-input-id MuiOutlinedInput-input-id"
min="1"
name="quantity" name="quantity"
type="number" type="number"
value="2" value="2"