From 1b92e10a17539f0cebc1fb3209058cd8985c777c Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Wed, 6 Jul 2022 12:03:00 +0430 Subject: [PATCH] =?UTF-8?q?=D8=B7=D8=B1=D8=AD=20=D8=AC=D8=AF=DB=8C=D8=AF?= =?UTF-8?q?=20=D8=B1=D8=A7=20=D8=A7=D9=88=DA=A9=DB=8C=20=DA=A9=D8=B1=D8=AF?= =?UTF-8?q?=D9=85=20|=2088?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Button/index.js | 6 ++ src/components/Card/index.js | 134 ++++++++++++------------- src/components/CircleInCircle/index.js | 18 ++++ 3 files changed, 89 insertions(+), 69 deletions(-) create mode 100644 src/components/CircleInCircle/index.js diff --git a/src/components/Button/index.js b/src/components/Button/index.js index 53e1b24..a5c94cc 100644 --- a/src/components/Button/index.js +++ b/src/components/Button/index.js @@ -6,6 +6,8 @@ const Button = ({ iconHolderClassName, icon, text, + subTitle, + subTitleClass, onClick, sharpStyle, clippath, @@ -19,6 +21,7 @@ const Button = ({ className={`flex items-center justify-center transiton ease-linear duration-200 ${className}`} > {text} + {subTitle && {subTitle}} {icon && ( icon @@ -35,6 +38,9 @@ Button.defaultProps = { "bg-primary text-primaryText hover:bg-primaryDark border border-b-4 border-primaryLight rounded text-sm px-4 py-4 hover:bg-opacity-90", text: "اطلاعات بیشتر", + subTitle: false, + subTitleClass: "text-sm", + iconHolderClassName: "bg-secondary mr-2", iconClassName: "w-4", icon: false, diff --git a/src/components/Card/index.js b/src/components/Card/index.js index fe3c5c2..25cef4b 100644 --- a/src/components/Card/index.js +++ b/src/components/Card/index.js @@ -1,83 +1,73 @@ import React, { useState } from "react"; import Button from "../Button"; +import CircleInCircle from "../CircleInCircle"; -import ax from "../../assets/images/square.svg"; import FormInput from "../FormInput"; -const ProcessCard = ({ - processes, - title, - hint, - items, - options, - blogAuthorImg, -}) => { +const ProcessCard = ({ processes, title, hint, buttons, options }) => { const [openModal, setOpenModal] = useState(false); console.log(openModal); return (
{/* right */} -
+
{/* top */} -
+
{processes.map((process, index) => (
{process.color && ( -
+ + //
)} -

{process.name}

- {process.content} +

{process.name}

+ {process.content}
))}
{/* middle */} -
-

{title}

-

{hint}

+
+

{title}

+

+ {hint} +

{/* bottom */}
- {/* right */} -
-
{" "} - author +
{/* left */}
{options.map((option, j) => ( -
+
- icon -

{option.title}

+ icon +

{option.title}

-

{option.content}

+

{option.content}

))}
@@ -93,7 +83,7 @@ const ProcessCard = ({ >