From 11f6e044e4b89d6849bfc59bec05d7b5331b116b Mon Sep 17 00:00:00 2001 From: mahdi Date: Sat, 14 May 2022 17:40:11 +0430 Subject: [PATCH] delete 1 file and update 1 file --- public/images/index.js | 83 ------------------- .../CardDesgin/ProcessCard/index.js | 52 +++++++++++- 2 files changed, 48 insertions(+), 87 deletions(-) delete mode 100644 public/images/index.js diff --git a/public/images/index.js b/public/images/index.js deleted file mode 100644 index f61f659..0000000 --- a/public/images/index.js +++ /dev/null @@ -1,83 +0,0 @@ -import blogImage from "../assets/blog-featured-image.jpg"; -import blogAuthorImg from "../assets/blog-author.png"; -import commentIcon from "../assets/light-gray-comment-icon.svg"; - -const BlogDesign1 = ({ - blogExcerpt, - blogAuthor, - blogComments, - commentNumBgColor, - commentNumTextColor, - commentNumTopPosition, - commentNumRightPosition, -}) => { - return ( -
-
-
- -
-
-
-

- آیا مواد غذای پر فیبر و مفید هستند؟ -

- {blogExcerpt && ( -

- در این قسمت یک توضیح بسیار کوتاه یا عادی در مورد ارور نوشته - خواهد شد. طراح سعی می کند تا این متن را بیشتر از خد انتظار بلند - کند تا دیگران متوجه شوند. -

- )} -
-
- {blogAuthor && ( -
- -

- حامد دژبانی نسب -

-
- )} - {blogComments && ( -
-

- زمان مطالعه 30 دقیقه -

-
- - - 26 - -
-
- )} -
-
-
-
- ); -}; - -export default BlogDesign1; - -// background color i used in commnet number background color -// bg-lightGrayBgColor -// bg-white - -// text color i used for comment number text color: -// text-grayTextColor -// text-white - -BlogDesign1.defaultProps = { - blogExcerpt: true, - blogAuthor: true, - blogComments: true, - - commentNumBgColor: "bg-lightGrayBgColor", - commentNumTextColor: "text-white", - commentNumTopPosition: "-top-2", - commentNumRightPosition: "-right-2", -}; diff --git a/src/components/CardDesgin/ProcessCard/index.js b/src/components/CardDesgin/ProcessCard/index.js index 1e72211..042adf1 100644 --- a/src/components/CardDesgin/ProcessCard/index.js +++ b/src/components/CardDesgin/ProcessCard/index.js @@ -1,9 +1,9 @@ import React from "react"; import Button from "../../ButtonDesign/Button"; -const ProcessCard = ({ processes, title, hint, items }) => { +const ProcessCard = ({ processes, title, hint, items, options }) => { return ( -
+
{/* right */}
{/* top */} @@ -48,14 +48,25 @@ const ProcessCard = ({ processes, title, hint, items }) => { className="flex flex-row flex-1 items-center justify-center flex-grow" > -

{item.name}

-

{item.ans}

+

{item.name}

+

{item.ans}

))} {/* left */} +
+ {options.map((option, j) => ( +
+
+ icon +

{option.title}

+
+

{option.content}

+
+ ))} +
); }; @@ -106,4 +117,37 @@ ProcessCard.defaultProps = { ans: "دارد", }, ], + + options: [ + { + icon: "images/square.svg", + title: "تاخیر", + content: "5 ساعت", + }, + { + icon: "images/square.svg", + title: "شرایط اجرا", + content: "2 مورد", + }, + { + icon: "images/square.svg", + title: "تابع شروع", + content: "ندارد", + }, + { + icon: "images/square.svg", + title: "مثلث", + content: "5 ساعت", + }, + { + icon: "images/square.svg", + title: "تایید خودکار", + content: "5 ساعت", + }, + { + icon: "images/square.svg", + title: "تابع انجام", + content: "ندارد", + }, + ], };