finitions pour components item

GrossesMitaines/grosses-mitaines-ui/src/pages/Morceaux.js

@@ -3,24 +3,65 @@ import ItemList from "../components/ItemList";
 
 const Morceaux = () => {
 
+
+    // public enum States { 
+    //     Available,
+    //     BackOrder,
+    //     Unavailable,
+    //     Clearance,
+    //     Promotion,
+    //     Discontinued
+    // }
+
     const products = [
         {
             "name": "Ceinture flèchée",
-            "status": "Disponible!",
-            "price": "85,86",
+            "status": 0,
+            "price": 85.86,
+            "newPrice": -1,
             "imageUrl": "/images/ceintureflechee.jpg"
         },
+        {
+            "name": "Chandail de nowel",
+            "status": 2,
+            "price": 69.50,
+            "newPrice": -1,
+            "imageUrl": "/images/chandailquetaine.jpg"
+        },
         {
             "name": "Pantoufles du Canadien en Phentex",
-            "status": "Non disponible...",
-            "price": "15,64",
+            "status": 5,
+            "price": 15.64,
+            "newPrice": -1,
             "imageUrl": "/images/pantouflesCH.jpg"
         },
         {
             "name": "Jean-Luc Mongrain",
-            "status": "Disponible!",
-            "price": "1453,12",
+            "status": 1,
+            "price": 1453.12,
+            "newPrice": -1,
             "imageUrl": "/images/jeanlucmongrain.jpg"
+        },
+        {
+            "name": "Mitaines de laine",
+            "status": 4,
+            "price": 24.99,
+            "newPrice": 19.99,
+            "imageUrl": "/images/mitaines.jpg"
+        },
+        {
+            "name": "Sous-vêtements coquins",
+            "status": 3,
+            "price": 19.99,
+            "newPrice": 14.99,
+            "imageUrl": "/images/kokin.jpg"
+        },
+        {
+            "name": "Doudou douce et grise",
+            "status": 3,
+            "price": 99.99,
+            "newPrice": 89.99,
+            "imageUrl": "/images/doudou.jpg"
         }
     ];
 
@@ -30,7 +71,6 @@ const Morceaux = () => {
 
     return (
         <div className="morceaux-container">
-            <h3>QWERTY</h3>
             <ItemList items={products} />
         </div>
     );