From 6bc5dc5613b0b6b53ce3cf24fdf688cf8486badc Mon Sep 17 00:00:00 2001 From: Your Name Date: Tue, 12 Apr 2022 09:43:19 +0430 Subject: [PATCH] update App.js, src/components/CardTrelloDesign/index.js and src/components/ProfilePicNextToEachOther/index.js --- src/App.js | 2 +- src/components/CardTrelloDesign/index.js | 6 ++++-- src/components/ProfilePicNextToEachOther/index.js | 5 +++-- 3 files changed, 8 insertions(+), 5 deletions(-) diff --git a/src/App.js b/src/App.js index 414f1c7..721c4c3 100644 --- a/src/App.js +++ b/src/App.js @@ -144,7 +144,7 @@ function App() { {/* */} {/* */} {/* */} - {/* */} + {/* */} {/* */} {/* */} diff --git a/src/components/CardTrelloDesign/index.js b/src/components/CardTrelloDesign/index.js index 0f60fc4..659a4d4 100644 --- a/src/components/CardTrelloDesign/index.js +++ b/src/components/CardTrelloDesign/index.js @@ -9,6 +9,7 @@ import profilePic3 from "./images/profilePic3.svg"; import clock from "./images/clock.svg"; import nike from "./images/nike.svg"; import messageText from "./images/message-text.svg"; +import ProfilePicNextToEachOther from "../ProfilePicNextToEachOther"; const CardTrelloDesign = ({ circle, pictures }) => { return ( @@ -75,9 +76,10 @@ const CardTrelloDesign = ({ circle, pictures }) => {
{/* right */}
- {pictures.map((pic, index) => ( + {/* {pictures.map((pic, index) => ( - ))} + ))} */} +
{/* left */}
diff --git a/src/components/ProfilePicNextToEachOther/index.js b/src/components/ProfilePicNextToEachOther/index.js index faccc38..7f65b01 100644 --- a/src/components/ProfilePicNextToEachOther/index.js +++ b/src/components/ProfilePicNextToEachOther/index.js @@ -6,10 +6,10 @@ import profilePic3 from "./images/profilePic3.svg"; import profilePic4 from "./images/profilePic4.svg"; import profilePic5 from "./images/profilePic5.svg"; -const ProfilePicNextToEachOther = ({ users }) => { +const ProfilePicNextToEachOther = ({ users,num }) => { return (
- {users.slice(0, 8).map((user, i) => ( + {users.slice(0, num).map((user, i) => ( { export default ProfilePicNextToEachOther; ProfilePicNextToEachOther.defaultProps = { + num: 8, users: [ { picture: profilePic1,