diff --git a/src/App.js b/src/App.js
index 903627d5b5b837412183c141ecb482f2d9eb3ac3..89c1be8a216be472deab6181109ba5ead3cf7865 100644
--- a/src/App.js
+++ b/src/App.js
@@ -23,7 +23,7 @@ function Panel(props) {
<div>
<BrowserRouter>
<Head onLogout={props.onLogout} />
- <Container fluid="lg">
+ <Container>
<Switch>
<Route path="/members/add">
<MemberAdder />
diff --git a/src/ProductPicker.js b/src/ProductPicker.js
index 20ff4684447f9f29326643936fc5a2619a20068c..da40153b47b60509929b8886a29016d7a0ce7bf1 100644
--- a/src/ProductPicker.js
+++ b/src/ProductPicker.js
@@ -45,12 +45,20 @@ class ProductPicker extends React.Component {
code: product.code,
name: product.name,
price: product.price,
+ stock: product.stock,
amount: 1,
});
this.props.setPicks(picks);
this.setState({ code: "" });
}
+ setProducts(products) {
+ if (this.props.amount) {
+ products = products.filter((p) => p.stock > 0);
+ }
+ this.setState({ products });
+ }
+
render() {
const rows = this.props.picks.map((p, i) => {
return (
@@ -67,6 +75,7 @@ class ProductPicker extends React.Component {
<Form.Control
type="number"
min="1"
+ max={p.stock}
placeholder="cantidad"
value={p.amount}
onChange={(e) => this.setAmount(i, e.target.value)}
@@ -83,10 +92,7 @@ class ProductPicker extends React.Component {
});
return (
- <Fetcher
- url="/api/product"
- onFetch={(products) => this.setState({ products })}
- >
+ <Fetcher url="/api/product" onFetch={(p) => this.setProducts(p)}>
<Row>
<Col>
<h6>Código</h6>