From dc8cb2ce4a96e510e729bdeda7eecf071f3064df Mon Sep 17 00:00:00 2001
From: vhcsilva <vhcsilvaa@gmail.com>
Date: Wed, 6 Nov 2024 16:44:36 -0300
Subject: [PATCH] add tags to task card

---
 components/bounty/bounty-tags/view.tsx                     | 6 ++++--
 .../task-list-item-default/task-list-item-default.view.tsx | 7 +++++++
 .../tasks/tasks-list-item/tasks-list-item.controller.tsx   | 2 +-
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/components/bounty/bounty-tags/view.tsx b/components/bounty/bounty-tags/view.tsx
index c533c5a5cc..6bc2193449 100644
--- a/components/bounty/bounty-tags/view.tsx
+++ b/components/bounty/bounty-tags/view.tsx
@@ -2,15 +2,17 @@ import Badge from "components/badge";
 
 interface BountyTagsProps {
   tags: string[];
+  className?: string
 }
 
 export default function BountyTagsView({
-  tags
+  tags,
+  className = ""
 }: BountyTagsProps) {
   if (!tags) return <></>;
 
   return (
-    <div className="d-flex flex-wrap gap-1">
+    <div className={`d-flex flex-wrap gap-1 ${className}`}>
       {tags.map((tag) => (
         <Badge
           key={tag}
diff --git a/components/lists/tasks/tasks-list-item/task-list-item-default/task-list-item-default.view.tsx b/components/lists/tasks/tasks-list-item/task-list-item-default/task-list-item-default.view.tsx
index 1ace4edcb0..89f7d3609d 100644
--- a/components/lists/tasks/tasks-list-item/task-list-item-default/task-list-item-default.view.tsx
+++ b/components/lists/tasks/tasks-list-item/task-list-item-default/task-list-item-default.view.tsx
@@ -17,6 +17,7 @@ import { SubscriptionTaskButton }
 import { ResponsiveEle } from "components/responsive-wrapper";
 
 import { TaskListItemVariantProps } from "types/components";
+import BountyTagsView from "components/bounty/bounty-tags/view";
 
 export default function TaskListItemDefault({
   task,
@@ -80,6 +81,12 @@ export default function TaskListItemDefault({
             />
           </div>
 
+          <If condition={!!task?.tags?.length && !isMarketplaceList}>
+            <div className="col-auto px-0 d-none d-lg-block">
+              <BountyTagsView tags={task?.tags} className="gap-3" />
+            </div>
+          </If>
+
           <div className="col-auto px-0 d-block d-sm-none">
             <WinnersBadge
               isMultiple={task?.multipleWinners}
diff --git a/components/lists/tasks/tasks-list-item/tasks-list-item.controller.tsx b/components/lists/tasks/tasks-list-item/tasks-list-item.controller.tsx
index bdba8f1474..1597514062 100644
--- a/components/lists/tasks/tasks-list-item/tasks-list-item.controller.tsx
+++ b/components/lists/tasks/tasks-list-item/tasks-list-item.controller.tsx
@@ -42,7 +42,7 @@ export default function TasksListItem({
 
   return <TaskListItemDefault
             task={issue}
-            isMarketplaceList={variant === "network"}
+            isMarketplaceList={variant !== "network"}
             onClick={handleClickCard} 
           />;
 }
\ No newline at end of file