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 = ({ >