From e739a5020c18392614a4cfd67bc5046feb2d7126 Mon Sep 17 00:00:00 2001
From: maceteligolden <maceteligolden@gmail.com>
Date: Fri, 15 Dec 2023 07:59:38 +0100
Subject: [PATCH 1/6] fix:avatar circle in kanban card

---
 apps/web/lib/components/kanban-card.tsx | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/apps/web/lib/components/kanban-card.tsx b/apps/web/lib/components/kanban-card.tsx
index f51c8567c..274ba0fec 100644
--- a/apps/web/lib/components/kanban-card.tsx
+++ b/apps/web/lib/components/kanban-card.tsx
@@ -214,18 +214,19 @@ export default function Item(props: any) {
             )}
             
             <div className="relative ">
-                <div className="w-10 flex h-fit flex-row justify-end items-center relative bg-primary">
+                <div className="w-10 flex h-fit flex-row justify-end items-center relative">
                 {item.members.map((option: any, index: number)=> {
                     return (
+                        <div className="relative w-[40px] h-[40px]">
                         <Image 
                             key={index}
                             src={option.user.imageUrl} 
                             alt={`${option.user.firstName} avatar`} 
-                            height={40} 
-                            width={40} 
+                            fill={true}
                             className="absolute rounded-full border-2 border-white"
                             style={stackImages(index, item.members.length)}
                         />
+                        </div>
                     )
                 })}
                </div>

From 20ad7b16657e97287822b50ab911e89d96bb281d Mon Sep 17 00:00:00 2001
From: maceteligolden <maceteligolden@gmail.com>
Date: Fri, 15 Dec 2023 07:59:59 +0100
Subject: [PATCH 2/6] fix:avatar circle in kanban header

---
 apps/web/pages/kanban/index.tsx | 20 +++++++++++---------
 1 file changed, 11 insertions(+), 9 deletions(-)

diff --git a/apps/web/pages/kanban/index.tsx b/apps/web/pages/kanban/index.tsx
index ebfca089c..9654d2eaa 100644
--- a/apps/web/pages/kanban/index.tsx
+++ b/apps/web/pages/kanban/index.tsx
@@ -46,15 +46,17 @@ const Kanban= () => {
                                     
                                         if(index < numberOfImagesDisplayed) {
                                             return (
-                                            <Image 
-                                                key={index}
-                                                src={image.employee.user.imageUrl} 
-                                                alt={image.title} 
-                                                height={imageRadius*2} 
-                                                width={imageRadius*2} 
-                                                className="absolute rounded-full border-2 border-white"
-                                                style={stackImages(index, activeTeamMembers.length)}
-                                            />)
+                                                <div className="relative w-[40px] h-[40px]">
+                                                    <Image 
+                                                        key={index}
+                                                        src={image.employee.user.imageUrl} 
+                                                        alt={image.title} 
+                                                        fill={true}
+                                                        className="absolute rounded-full border-2 border-white"
+                                                        style={stackImages(index, activeTeamMembers.length)}
+                                                    />
+                                                </div>
+                                            )
                                         }
                                         
                                     })}

From 8e3bbfd9d44985a3d27053524ee7491ce6eba773 Mon Sep 17 00:00:00 2001
From: maceteligolden <maceteligolden@gmail.com>
Date: Fri, 15 Dec 2023 08:33:39 +0100
Subject: [PATCH 3/6] fix:add gap between veritical dots and circle

---
 apps/web/lib/components/kanban-card.tsx | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/apps/web/lib/components/kanban-card.tsx b/apps/web/lib/components/kanban-card.tsx
index 274ba0fec..e60fa9ca4 100644
--- a/apps/web/lib/components/kanban-card.tsx
+++ b/apps/web/lib/components/kanban-card.tsx
@@ -178,7 +178,7 @@ export default function Item(props: any) {
         aria-label={`${item.status.name} ${item.content}`}
       >
         <div className="flex gap-1.5 border-b border-b-gray-200 pb-4">
-            <div className="flex flex-col justify- gap-5 grow">
+            <div className="flex flex-col justify-between gap-5 grow">
                 {item.tags && (
                     <TagList tags={item.tags}/>
                 )}
@@ -193,13 +193,13 @@ export default function Item(props: any) {
                     <Priority level={1}/>
                 </div>
             </div>
-            <div className="flex flex-col justify-between w-[48px] items-end">
+            <div className="flex flex-col w-[48px] gap-4 items-end">
                 <VerticalThreeDot/>
 
                 <CircularProgress percentage={10}/>
             </div>
         </div>
-        <div className="flex flex-row justify-between items-center pt-5 pb-2 h-fit">
+        <div className="flex flex-row justify-between items-center pt-4 h-fit">
 
             {item.status === TaskStatus.INPROGRESS ? (
                 <div className="flex flex-row items-center gap-2">

From cc1895670372bb6a942b8ce940e2c28ea48032cb Mon Sep 17 00:00:00 2001
From: maceteligolden <maceteligolden@gmail.com>
Date: Fri, 15 Dec 2023 16:02:11 +0100
Subject: [PATCH 4/6] fix:truncate kanban card title

---
 apps/web/lib/components/kanban-card.tsx | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/apps/web/lib/components/kanban-card.tsx b/apps/web/lib/components/kanban-card.tsx
index e60fa9ca4..ac90c4338 100644
--- a/apps/web/lib/components/kanban-card.tsx
+++ b/apps/web/lib/components/kanban-card.tsx
@@ -178,7 +178,7 @@ export default function Item(props: any) {
         aria-label={`${item.status.name} ${item.content}`}
       >
         <div className="flex gap-1.5 border-b border-b-gray-200 pb-4">
-            <div className="flex flex-col justify-between gap-5 grow">
+            <div className="flex flex-col gap-5 grow">
                 {item.tags && (
                     <TagList tags={item.tags}/>
                 )}
@@ -189,7 +189,9 @@ export default function Item(props: any) {
 					} rounded-sm mr-1`}/>
                     
                     <span className="text-grey text-normal mr-1">#{item.number}</span>
-                    <span className="text-black dark:text-white text-normal capitalize mr-2">{item.title}</span>
+                    <span className="text-black dark:text-white text-normal capitalize mr-2 bg-blue line-clamp-2">
+                        {item.title}
+                    </span>
                     <Priority level={1}/>
                 </div>
             </div>

From 4e855ee06b80a7ce166caec21adf58ba99942856 Mon Sep 17 00:00:00 2001
From: maceteligolden <maceteligolden@gmail.com>
Date: Fri, 15 Dec 2023 16:49:30 +0100
Subject: [PATCH 5/6] fix:stop collapse from taking tasks

---
 apps/web/lib/components/Kanban.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/apps/web/lib/components/Kanban.tsx b/apps/web/lib/components/Kanban.tsx
index aff2213ec..cc336dfc2 100644
--- a/apps/web/lib/components/Kanban.tsx
+++ b/apps/web/lib/components/Kanban.tsx
@@ -239,7 +239,7 @@ export const EmptyKanbanDroppable = ({index,title, items}: {
                                                         {...provided.dragHandleProps}
                                                         aria-label={`${title}`}
                                                     >
-                                                        <span className="">
+                                                        <span>
                                                         {title}
                                                         </span>
                                                     </h2>
@@ -248,12 +248,7 @@ export const EmptyKanbanDroppable = ({index,title, items}: {
                                         </div>
                                         
                                     </header>
-                                    <KanbanDroppable 
-                                        title={title} 
-                                        droppableId={title} 
-                                        type={'TASK'} 
-                                        content={items}                     
-                                    />
+                                    
                                 </>
                                     : 
                                 null

From 8b394cd7c86663a1aa67f1b1e65e37525704a0e6 Mon Sep 17 00:00:00 2001
From: maceteligolden <maceteligolden@gmail.com>
Date: Fri, 15 Dec 2023 17:05:22 +0100
Subject: [PATCH 6/6] update:add key to map

---
 apps/web/lib/components/kanban-card.tsx | 3 +--
 apps/web/pages/kanban/index.tsx         | 4 ++--
 2 files changed, 3 insertions(+), 4 deletions(-)

diff --git a/apps/web/lib/components/kanban-card.tsx b/apps/web/lib/components/kanban-card.tsx
index ac90c4338..c1e33aa82 100644
--- a/apps/web/lib/components/kanban-card.tsx
+++ b/apps/web/lib/components/kanban-card.tsx
@@ -219,9 +219,8 @@ export default function Item(props: any) {
                 <div className="w-10 flex h-fit flex-row justify-end items-center relative">
                 {item.members.map((option: any, index: number)=> {
                     return (
-                        <div className="relative w-[40px] h-[40px]">
+                        <div className="relative w-[40px] h-[40px]" key={index}>
                         <Image 
-                            key={index}
                             src={option.user.imageUrl} 
                             alt={`${option.user.firstName} avatar`} 
                             fill={true}
diff --git a/apps/web/pages/kanban/index.tsx b/apps/web/pages/kanban/index.tsx
index 9654d2eaa..d42bef651 100644
--- a/apps/web/pages/kanban/index.tsx
+++ b/apps/web/pages/kanban/index.tsx
@@ -46,9 +46,9 @@ const Kanban= () => {
                                     
                                         if(index < numberOfImagesDisplayed) {
                                             return (
-                                                <div className="relative w-[40px] h-[40px]">
+                                                <div className="relative w-[40px] h-[40px]" key={index}>
                                                     <Image 
-                                                        key={index}
+                                                        
                                                         src={image.employee.user.imageUrl} 
                                                         alt={image.title} 
                                                         fill={true}