update src/components/CardTrelloDesign/index.js

master
Your Name 2 years ago
parent be68adc52b
commit cc8e8c6a6b
  1. 21
      src/components/CardTrelloDesign/index.js

@ -63,21 +63,22 @@ const CardTrelloDesign = ({ circle,commnets,buttons,tags, }) => {
<img src={messageText} alt="comment-icon" className="w-5" /> <img src={messageText} alt="comment-icon" className="w-5" />
</div> </div>
)} )}
{tags.map(tag =>
<NewTagDesign <NewTagDesign
title="12 از 13" title={tag.title}
align={"flex-row-reverse"} align={"flex-row-reverse"}
titleColor="text-[#FFB300]" titleColor={`text-[${tag.color}]`}
tagBgColor={"bg-[#FFAA0033]"} tagBgColor={`bg-[${tag.bgColor}]`}
border={"border-none"} border={"border-none"}
borderRadius={"rounded-sm"} borderRadius={"rounded-sm"}
iconWidth={"w-4"} iconWidth={"w-4"}
marginRight="mr-0" marginRight="mr-0"
marginLeft="ml-1" marginLeft="ml-1"
icon={nike} icon={tag.icon}
paddingY={"p-1"} paddingY={"p-1"}
paddingX={"p-1"} paddingX={"p-1"}
/> />
)}
</div> </div>
</div> </div>
{/* progressBar */} {/* progressBar */}
@ -108,13 +109,15 @@ CardTrelloDesign.defaultProps = {
tags: [ tags: [
{ {
title:"29 فروردین", title:"29 فروردین",
color: "text-[#007987]", color: "#007987",
bgColor: "bg-[#06BACE33]", bgColor: "#06BACE33",
icon: clock
}, },
{ {
title:"12 از 13", title:"12 از 13",
color: "text-[#FFB300]", color: "#FFB300",
bgColor: "bg-[#FFAA0033]", bgColor: "#FFAA0033",
icon: nike
}, },
] ]

Loading…
Cancel
Save