Not quite the style yet... But!

2022-10-14 23:36:59 -04:00
parent 1f7c97949d
commit 355e1761b4
8 changed files with 104 additions and 8 deletions
--- a/GrossesMitaines/grosses-mitaines-ui/src/components/Item.js
+++ b/GrossesMitaines/grosses-mitaines-ui/src/components/Item.js
@@ -0,0 +1,18 @@
+const Item = ({ imageUrl, name, price, status }) => {
+    return (
+        <div className="row item">
+            <div className="col-md-2">
+                <img src={imageUrl} alt={name} height="150" />
+            </div>
+            <div className="col-md-8 item-detail">
+                <h4>{name}</h4>
+                <div dangerouslySetInnerHTML={{ __html: status }}></div>
+            </div>
+            <div className="col-md-2 item-price">
+                {price}
+            </div>
+        </div>
+    );
+}
+
+export default Item;