add tags to task card

layerx-labs · Nov 6, 2024 · dc8cb2c · dc8cb2c
1 parent bbeb5f8
commit dc8cb2c
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git 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/...onents/lists/tasks/tasks-list-item/task-list-item-default/task-list-item-default.view.tsx b/...onents/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
@@ -42,7 +42,7 @@ export default function TasksListItem({
 
   return <TaskListItemDefault
             task={issue}
-            isMarketplaceList={variant === "network"}
+            isMarketplaceList={variant !== "network"}
             onClick={handleClickCard} 
           />;
 }