From cafbf0cdc386b267adb151d0f1f103b5471c3c8a Mon Sep 17 00:00:00 2001 From: mahdi Date: Tue, 11 Jan 2022 14:42:06 +0330 Subject: [PATCH] update --- src/components/ProductSuggestion/index.js | 97 ++++++++++++++++++++--- src/components/ProductSuggestion/plus.svg | 3 + 2 files changed, 87 insertions(+), 13 deletions(-) create mode 100644 src/components/ProductSuggestion/plus.svg diff --git a/src/components/ProductSuggestion/index.js b/src/components/ProductSuggestion/index.js index 83c7b0f..6848402 100644 --- a/src/components/ProductSuggestion/index.js +++ b/src/components/ProductSuggestion/index.js @@ -1,28 +1,99 @@ -import React from "react"; +import React, { useState } from "react"; import productImg from "./product-chair.svg"; +import plus from "./plus.svg"; + +const ProductSuggestion = ({ suggestions }) => { + const [selectedProduct, setSelectedProduct] = useState(null); -const ProductSuggestion = () => { return ( -
+

این کالاها برای خرید به شما پیشنهام می دهیم

-
- {/*
+
*/} -
- -

- لپ تاپ گیمینگ ایسوس -

-

- 945/000 - تومان + {/* product design */} +

+ {suggestions.map((suggestion, index) => ( +
+ +
setSelectedProduct(suggestion)} + > + +

+ {suggestion.productTitle} +

+

+ {suggestion.productPrice} + تومان +

+
+ انتخاب شما + +
+
+
+ ))} +
+ {/* bottom */} +
+
+

+ جمع لوازم اختیاری خریداری شده + 56/894/400 + تومان

+ + 1 کالا +
+

+ در صورت تمایل می توانید موارد بالا را به سبد خرید اضافه کنید +

+
); }; export default ProductSuggestion; + +ProductSuggestion.defaultProps = { + suggestions: [ + { + productImage: productImg, + productTitle: "لپ تاپ گیمینگ ایسوس", + productPrice: "750000", + plusIcon: null, + }, + { + productImage: productImg, + productTitle: "مانیتور 40 اینچ", + productPrice: "3.000.000", + plusIcon: plus, + }, + { + productImage: productImg, + productTitle: "ماوس گیمینگ", + productPrice: "650/000", + plusIcon: plus, + }, + { + productImage: productImg, + productTitle: "لپ تاپ مک بوک پرو 2022", + productPrice: "2000", + plusIcon: plus, + }, + ], +}; diff --git a/src/components/ProductSuggestion/plus.svg b/src/components/ProductSuggestion/plus.svg new file mode 100644 index 0000000..adc93a9 --- /dev/null +++ b/src/components/ProductSuggestion/plus.svg @@ -0,0 +1,3 @@ + + + +