update src/components/CardTrelloDesign/index.js

src/components/CardTrelloDesign/index.js

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