From 608f71e72354fba81c6d6873d70947d32852e75c Mon Sep 17 00:00:00 2001 From: mahdi andalib Date: Mon, 11 Apr 2022 23:25:31 +0430 Subject: [PATCH] update App.js and src/components/CardTrelloDesign/index.js --- .../CardTrelloDesign/images/profilePic1.svg | 8 +++ .../CardTrelloDesign/images/profilePic2.svg | 8 +++ .../CardTrelloDesign/images/profilePic3.svg | 8 +++ .../CardTrelloDesign/images/profilePic4.svg | 8 +++ .../CardTrelloDesign/images/profilePic5.svg | 8 +++ src/components/CardTrelloDesign/index.js | 58 ++++++++++++++----- 6 files changed, 85 insertions(+), 13 deletions(-) create mode 100644 src/components/CardTrelloDesign/images/profilePic1.svg create mode 100644 src/components/CardTrelloDesign/images/profilePic2.svg create mode 100644 src/components/CardTrelloDesign/images/profilePic3.svg create mode 100644 src/components/CardTrelloDesign/images/profilePic4.svg create mode 100644 src/components/CardTrelloDesign/images/profilePic5.svg diff --git a/src/components/CardTrelloDesign/images/profilePic1.svg b/src/components/CardTrelloDesign/images/profilePic1.svg new file mode 100644 index 0000000..bf28f88 --- /dev/null +++ b/src/components/CardTrelloDesign/images/profilePic1.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/CardTrelloDesign/images/profilePic2.svg b/src/components/CardTrelloDesign/images/profilePic2.svg new file mode 100644 index 0000000..96bda02 --- /dev/null +++ b/src/components/CardTrelloDesign/images/profilePic2.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/CardTrelloDesign/images/profilePic3.svg b/src/components/CardTrelloDesign/images/profilePic3.svg new file mode 100644 index 0000000..b3b791d --- /dev/null +++ b/src/components/CardTrelloDesign/images/profilePic3.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/CardTrelloDesign/images/profilePic4.svg b/src/components/CardTrelloDesign/images/profilePic4.svg new file mode 100644 index 0000000..807f1e6 --- /dev/null +++ b/src/components/CardTrelloDesign/images/profilePic4.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/CardTrelloDesign/images/profilePic5.svg b/src/components/CardTrelloDesign/images/profilePic5.svg new file mode 100644 index 0000000..22d0a93 --- /dev/null +++ b/src/components/CardTrelloDesign/images/profilePic5.svg @@ -0,0 +1,8 @@ + + + + + + + + diff --git a/src/components/CardTrelloDesign/index.js b/src/components/CardTrelloDesign/index.js index 7fdb584..08e6898 100644 --- a/src/components/CardTrelloDesign/index.js +++ b/src/components/CardTrelloDesign/index.js @@ -2,27 +2,33 @@ import React from "react"; import ButtonNewDesign from "../ButtonNewDesign"; import CircleInCircle from "../CircleInCircle"; -const CardTrelloDesign = () => { +import profilePic1 from "./images/profilePic1.svg"; +import profilePic2 from "./images/profilePic2.svg"; +import profilePic3 from "./images/profilePic3.svg"; + +const CardTrelloDesign = ({ circle, pictures }) => { return (
{/* top */}
{/* right */} - + {circle && ( + + )} {/* left */} -
+
{ bgColor={"bg-[#0AABFF]"} bgHoverColor={"bg-transparent"} border={"border-none"} - padding={"p-2"} + padding={"p-1.5"} fontSize={"text-xs"} borderRadius={"rounded-md"} icon={false} @@ -42,7 +48,7 @@ const CardTrelloDesign = () => { bgColor={"bg-[#C7FF0A]"} bgHoverColor={"bg-transparent"} border={"border-none"} - padding={"p-2"} + padding={"p-1.5"} fontSize={"text-xs"} borderRadius={"rounded-md"} icon={false} @@ -58,8 +64,34 @@ const CardTrelloDesign = () => { طراحی رابط کاربری و تجربه کاربر پروژه اندیشمند به همراه موارد اطلاحی پروژه دانوین

+ {/* bottom */} +
+ {/* right */} +
+ {pictures.map((pic, index) => ( + + ))} +
+ {/* left */} + +
); }; export default CardTrelloDesign; + +CardTrelloDesign.defaultProps = { + circle: true, + pictures: [ + { + image: profilePic1, + }, + { + image: profilePic2, + }, + { + image: profilePic3, + }, + ], +};