Be able to select a previous order when creating an order

src/order/CreateOrder.js

@@ -3,6 +3,7 @@ import { Redirect } from "react-router-dom";
 import { Form, Row, Col, Button } from "react-bootstrap";
 import ProductPicker from "../ProductPicker";
 import Sender from "../Sender";
+import Fetcher from "../Fetcher";
 
 function date2string(date) {
   return date.toISOString().split("T")[0];
@@ -20,6 +21,7 @@ function CreateOrder() {
   const [description, setDescription] = useState("");
   const [deadline, setDeadline] = useState(daysAfterNow(3));
   const [order, setOrder] = useState(null);
+  const [prevOrders, setPrevOrders] = useState(null);
 
   if (order !== null) {
     return <Redirect to={"/order/" + order.ID} />;
@@ -32,8 +34,34 @@ function CreateOrder() {
     return { name, description, deadline, products };
   };
 
+  const fillOrder = (name) => {
+    const prevOrder = prevOrders.find((o) => o.name === name);
+    setName(name);
+    setDescription(prevOrder.description);
+    setPicks(prevOrder.products);
+  };
+
+  const orderOptions = prevOrders
+    ? prevOrders.map((o) => <option>{o.name}</option>)
+    : "";
+
   return (
     <Sender url="/api/order" body={body} onSuccess={setOrder}>
+      <Form.Group as={Row}>
+        <Form.Label as="legend" column sm={3}>
+          Repetir pedido
+        </Form.Label>
+        <Col sm={9}>
+          <Fetcher url="/api/order/picks" onFetch={setPrevOrders}>
+            <Form.Control
+              as="select"
+              onChange={(e) => fillOrder(e.target.value)}
+            >
+              {orderOptions}
+            </Form.Control>
+          </Fetcher>
+        </Col>
+      </Form.Group>
       <Form.Group as={Row}>
         <Form.Label as="legend" column sm={3}>
           Nombre