From ec4e0312ed36a04c15a86bbe331e00167951d52b Mon Sep 17 00:00:00 2001 From: Reza_ashrafi Date: Tue, 11 Jan 2022 11:56:15 +0330 Subject: [PATCH] reza merged Features --- src/components/Features/box.svg | 16 +++ src/components/Features/cake.svg | 12 +++ src/components/Features/color-palette.svg | 10 ++ src/components/Features/crown-icon.svg | 6 ++ src/components/Features/hat.svg | 8 ++ src/components/Features/index.js | 125 ++++++++++++++++++++++ src/components/Features/plane.svg | 6 ++ src/components/Feedback/index.js | 1 - src/redux/data.js | 11 ++ 9 files changed, 194 insertions(+), 1 deletion(-) create mode 100644 src/components/Features/box.svg create mode 100644 src/components/Features/cake.svg create mode 100644 src/components/Features/color-palette.svg create mode 100644 src/components/Features/crown-icon.svg create mode 100644 src/components/Features/hat.svg create mode 100644 src/components/Features/index.js create mode 100644 src/components/Features/plane.svg diff --git a/src/components/Features/box.svg b/src/components/Features/box.svg new file mode 100644 index 0000000..7212aee --- /dev/null +++ b/src/components/Features/box.svg @@ -0,0 +1,16 @@ + + + + + + + + + + + + + + + + diff --git a/src/components/Features/cake.svg b/src/components/Features/cake.svg new file mode 100644 index 0000000..568bd0d --- /dev/null +++ b/src/components/Features/cake.svg @@ -0,0 +1,12 @@ + + + + + + + + + + + + diff --git a/src/components/Features/color-palette.svg b/src/components/Features/color-palette.svg new file mode 100644 index 0000000..39a4f42 --- /dev/null +++ b/src/components/Features/color-palette.svg @@ -0,0 +1,10 @@ + + + + + + + + + + diff --git a/src/components/Features/crown-icon.svg b/src/components/Features/crown-icon.svg new file mode 100644 index 0000000..9113db6 --- /dev/null +++ b/src/components/Features/crown-icon.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/Features/hat.svg b/src/components/Features/hat.svg new file mode 100644 index 0000000..0eb9c4b --- /dev/null +++ b/src/components/Features/hat.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/Features/index.js b/src/components/Features/index.js new file mode 100644 index 0000000..7be2267 --- /dev/null +++ b/src/components/Features/index.js @@ -0,0 +1,125 @@ +import React from "react"; + +import crown from "./crown-icon.svg"; +import box from "./box.svg"; +import cake from "./cake.svg"; +import colorPalette from "./color-palette.svg"; +import hat from "./hat.svg"; +import plane from "./plane.svg"; + +const Features = ({ features }) => { + return ( +
+ {/* top */} +

+ امکانات و ویژگی ها +

+
+ {features.map((feature, index) => ( +
+ {/* 1 */} +
+ +
+ {/* 2 */} +
+
+ {feature.title} + + {feature.status} + +
+

+ {feature.content} +

+
+
+ ))} +
+ {/* footer */} +
+
+

+ هزاران درصد تحفیف +

+

+ با وارد کردن کد بهار نگو تابستون از تخفیف 10 درصدی ویژه برخوردار + شوید +

+
+ +
+
+ ); +}; + +export default Features; + +Features.defaultProps = { + features: [ + { + icon: crown, + iconBgColor: "#FFFDC4", + title: "قابلیت امتیاز دهی", + status: "جدید", + content: + "قابلیت امتیاز دهی به مطالب از جمله امکانات این سامانه می باشد تا به جامعه هدف کارکنان کمک نمایید.", + }, + { + icon: box, + iconBgColor: "#CEC4FF", + title: "قابلیت انتخاب رنگ دلخواه", + status: "جدید", + content: + "قابلیت امتیاز دهی به مطالب از جمله امکانات این سامانه می باشد تا به جامعه هدف کارکنان کمک نمایید.", + }, + { + icon: cake, + iconBgColor: "#C4FFF7", + title: "یادآوری جشن تولد", + status: "جدید", + content: + "قابلیت امتیاز دهی به مطالب از جمله امکانات این سامانه می باشد تا به جامعه هدف کارکنان کمک نمایید.", + }, + { + icon: colorPalette, + iconBgColor: "#FFC4EB", + title: "انتخاب سطح و پایه تحصیلی", + status: "جدید", + content: + "قابلیت امتیاز دهی به مطالب از جمله امکانات این سامانه می باشد تا به جامعه هدف کارکنان کمک نمایید.", + }, + { + icon: hat, + iconBgColor: "#C4FFE2", + title: "حالت پرواز", + status: "جدید", + content: + "قابلیت امتیاز دهی به مطالب از جمله امکانات این سامانه می باشد تا به جامعه هدف کارکنان کمک نمایید.", + }, + { + icon: plane, + iconBgColor: "#E5FFC4", + title: "نحوه ارسال جعبه خاطرات", + status: "جدید", + content: + "قابلیت امتیاز دهی به مطالب از جمله امکانات این سامانه می باشد تا به جامعه هدف کارکنان کمک نمایید.", + }, + ], +}; diff --git a/src/components/Features/plane.svg b/src/components/Features/plane.svg new file mode 100644 index 0000000..1b1a300 --- /dev/null +++ b/src/components/Features/plane.svg @@ -0,0 +1,6 @@ + + + + + + diff --git a/src/components/Feedback/index.js b/src/components/Feedback/index.js index 5d2e357..3080485 100644 --- a/src/components/Feedback/index.js +++ b/src/components/Feedback/index.js @@ -39,7 +39,6 @@ const Feedback = ({ feedbacks }) => { alt="" className="transition duration-300 transform hover:-translate-y-1 w-14 h-14" /> -

, + code: null, + }, + }, ]; export default components;