Alphabetic products on order purchase

src/order/PurchaseOrder.js

@@ -12,18 +12,28 @@ class PurchaseOrder extends React.Component {
   constructor(props) {
     super(props);
 
-    const order = props.order.products.map((p) => {
-      p.amount = 0;
-      if (props.purchase) {
-        const my_purchase = props.purchase.find(
-          (e) => e.product_code === p.code
-        );
-        if (my_purchase) {
-          p.amount = my_purchase.amount;
+    const order = props.order.products
+      .map((p) => {
+        p.amount = 0;
+        if (props.purchase) {
+          const my_purchase = props.purchase.find(
+            (e) => e.product_code === p.code
+          );
+          if (my_purchase) {
+            p.amount = my_purchase.amount;
+          }
         }
-      }
-      return p;
-    });
+        return p;
+      })
+      .sort((p1, p2) => {
+        if (p1.name > p2.name) {
+          return 1;
+        }
+        if (p1.name < p2.name) {
+          return -1;
+        }
+        return 0;
+      });
 
     this.state = {
       order: order,