From 7d77de4e8c2f3b9661eb6feb427994295b23814b Mon Sep 17 00:00:00 2001 From: mahdi Date: Mon, 17 Jan 2022 13:45:27 +0330 Subject: [PATCH] update --- src/App.js | 4 +- .../Advertisement/design3/cart-icon.svg | 10 +++ src/components/Advertisement/design3/index.js | 65 +++++++++++++++++++ .../Advertisement/design3/map-icon.svg | 8 +++ .../Advertisement/design3/setting-icon.svg | 5 ++ 5 files changed, 91 insertions(+), 1 deletion(-) create mode 100644 src/components/Advertisement/design3/cart-icon.svg create mode 100644 src/components/Advertisement/design3/index.js create mode 100644 src/components/Advertisement/design3/map-icon.svg create mode 100644 src/components/Advertisement/design3/setting-icon.svg diff --git a/src/App.js b/src/App.js index bc6cb83..1e68c45 100644 --- a/src/App.js +++ b/src/App.js @@ -32,6 +32,7 @@ import ProductTab from "./components/ProductTab"; import ProductStatusCard from "./components/ProductStatusCard"; import AdvertisementDesign1 from "./components/Advertisement/design1"; import AdvertisementDesign2 from "./components/Advertisement/design2"; +import AdvertisementDesign3 from "./components/Advertisement/design3"; function App() { return ( @@ -65,7 +66,8 @@ function App() { {/* */} {/* */} {/* */} - + {/* */} + ); diff --git a/src/components/Advertisement/design3/cart-icon.svg b/src/components/Advertisement/design3/cart-icon.svg new file mode 100644 index 0000000..d411410 --- /dev/null +++ b/src/components/Advertisement/design3/cart-icon.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/Advertisement/design3/index.js b/src/components/Advertisement/design3/index.js new file mode 100644 index 0000000..0156916 --- /dev/null +++ b/src/components/Advertisement/design3/index.js @@ -0,0 +1,65 @@ +import React from "react"; + +import cart from "./cart-icon.svg"; +import map from "./map-icon.svg"; +import setting from "./setting-icon.svg"; + +const AdvertisementDesign3 = ({ features }) => { + return ( +
+
+
+

تبلیغات دانوینی

+

+ لورم ایپسوم متن ساختگی با تولید سادگی نامفهوم از صنعت چاپ و با + استفاده از طراحان گرافیک است. +

+
+ {features.map((feature, i) => ( +
+ +

+ {feature.title} +

+
+ ))} +
+
+
+
+
+
+
+ ); +}; + +export default AdvertisementDesign3; + +AdvertisementDesign3.defaultProps = { + features: [ + { + icon: cart, + title: "قابلیت های فروشگاهی بسیار پیشرفته و ساده", + }, + { + icon: map, + title: "ارسال به تمام نقاط ایران", + }, + { + icon: setting, + title: "تنظیمات پیشرفته و بیش از 2000 ماژول اختصاصی", + }, + ], +}; diff --git a/src/components/Advertisement/design3/map-icon.svg b/src/components/Advertisement/design3/map-icon.svg new file mode 100644 index 0000000..afd0bbc --- /dev/null +++ b/src/components/Advertisement/design3/map-icon.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/Advertisement/design3/setting-icon.svg b/src/components/Advertisement/design3/setting-icon.svg new file mode 100644 index 0000000..8bbf82c --- /dev/null +++ b/src/components/Advertisement/design3/setting-icon.svg @@ -0,0 +1,5 @@ + + + + +