From 124e5bad21b269caf0543c42004d12d48bf6191a Mon Sep 17 00:00:00 2001
From: Kamil <kamil.kedzierski@pluscode.pl>
Date: Sat, 4 Dec 2021 22:25:18 +0100
Subject: [PATCH] added user urls

---
 .../kanban/kanbanItem/kanbanItem.component.js         | 11 +++++++----
 1 file changed, 7 insertions(+), 4 deletions(-)

diff --git a/src/components/kanban/kanbanItem/kanbanItem.component.js b/src/components/kanban/kanbanItem/kanbanItem.component.js
index 22af4e8..594d637 100644
--- a/src/components/kanban/kanbanItem/kanbanItem.component.js
+++ b/src/components/kanban/kanbanItem/kanbanItem.component.js
@@ -5,7 +5,7 @@ import { isEmpty } from 'ramda';
 
 export const KanbanItemComponent = ({ item }) => {
   return (
-    <a href={item.html_url}>
+    <a href={item.html_url} target="_blank" rel="noreferrer">
       <div className="relative flex flex-col items-start p-4 mt-3 bg-white rounded-lg cursor-pointer bg-opacity-90 group hover:bg-opacity-100 border-2">
         <div className="flex">
           {item.labels.map((label) => (
@@ -44,12 +44,15 @@ export const KanbanItemComponent = ({ item }) => {
             </svg>
             <span className="ml-1 leading-none">{item.comments}</span>
           </div>
+
           <div className="ml-auto flex">
             {isEmpty(item.assignees) ? (
-              <Image width={24} height={24} alt="User's avatar" className="rounded-full" src={item.user.avatar_url} />
+              <a href={item.user.html_url} target="_blank" rel="noreferrer">
+                <Image width={24} height={24} alt="User's avatar" className="rounded-full" src={item.user.avatar_url} />
+              </a>
             ) : (
               item.assignees.map((assignee) => (
-                <div key={assignee.id} className="ml-1">
+                <a href={assignee.html_url} target="_blank" rel="noreferrer" key={assignee.id} className="ml-1">
                   <Image
                     width={24}
                     height={24}
@@ -57,7 +60,7 @@ export const KanbanItemComponent = ({ item }) => {
                     className="rounded-full"
                     src={assignee.avatar_url}
                   />
-                </div>
+                </a>
               ))
             )}
           </div>