From fe32d923f17859901714a217d149cb142c5e7563 Mon Sep 17 00:00:00 2001
From: Jeanstaquet <jean.staquet8@gmail.com>
Date: Mon, 19 Apr 2021 10:21:49 -0700
Subject: [PATCH 01/10] Adding the new UI

---
 .../UserAutoCompleteMultiple/UserAutoCompleteMultiple.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

diff --git a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
index 2433d08d344a..3a7ae8990e22 100644
--- a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
+++ b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
@@ -41,7 +41,14 @@ const UserAutoCompleteMultiple = (props) => {
 				))
 			}
 			renderItem={({ value, ...props }) => (
-				<Option key={value} {...props} avatar={<Avatar value={value} />} />
+				<Option>
+					<Option.Avatar>
+						<UserAvatar username={value} size='x20'/>
+					</Option.Avatar>
+					<Option.Content>
+						{value} <Option.Description>({props.label})</Option.Description>
+					</Option.Content>
+				</Option>
 			)}
 			options={options}
 		/>

From 68ce5912390ebbf6a6d2eb6fb9236d9b2195e29f Mon Sep 17 00:00:00 2001
From: Jeanstaquet <jean.staquet8@gmail.com>
Date: Mon, 19 Apr 2021 10:50:33 -0700
Subject: [PATCH 02/10] Correcting

---
 .../audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
index 3a7ae8990e22..656f7656b891 100644
--- a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
+++ b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
@@ -46,7 +46,7 @@ const UserAutoCompleteMultiple = (props) => {
 						<UserAvatar username={value} size='x20'/>
 					</Option.Avatar>
 					<Option.Content>
-						{value} <Option.Description>({props.label})</Option.Description>
+						{props.label} <Option.Description>({value})</Option.Description>
 					</Option.Content>
 				</Option>
 			)}

From ad073e2aba34c34204e3f81e9eacab1fa014d8d0 Mon Sep 17 00:00:00 2001
From: Jeanstaquet <jean.staquet8@gmail.com>
Date: Mon, 19 Apr 2021 10:51:18 -0700
Subject: [PATCH 03/10] Adding the key

---
 .../audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
index 656f7656b891..ffa9cf83ee08 100644
--- a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
+++ b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
@@ -41,7 +41,7 @@ const UserAutoCompleteMultiple = (props) => {
 				))
 			}
 			renderItem={({ value, ...props }) => (
-				<Option>
+				<Option key={value}>
 					<Option.Avatar>
 						<UserAvatar username={value} size='x20'/>
 					</Option.Avatar>

From 7efcbe0af18e961af78d4572888ed721a0e6c2f9 Mon Sep 17 00:00:00 2001
From: Jeanstaquet <jean.staquet8@gmail.com>
Date: Mon, 19 Apr 2021 11:39:30 -0700
Subject: [PATCH 04/10] Adding the listenners

---
 .../UserAutoCompleteMultiple/UserAutoCompleteMultiple.js    | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
index ffa9cf83ee08..7b7072cfe312 100644
--- a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
+++ b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
@@ -40,13 +40,13 @@ const UserAutoCompleteMultiple = (props) => {
 					</Chip>
 				))
 			}
-			renderItem={({ value, ...props }) => (
-				<Option key={value}>
+			renderItem={({ value, label, ...props}) => (
+				<Option key={value} {...props}>
 					<Option.Avatar>
 						<UserAvatar username={value} size='x20'/>
 					</Option.Avatar>
 					<Option.Content>
-						{props.label} <Option.Description>({value})</Option.Description>
+						{label} <Option.Description>({value})</Option.Description>
 					</Option.Content>
 				</Option>
 			)}

From 2a0359ea67eb97aab4bf97907bf3237adf88ebec Mon Sep 17 00:00:00 2001
From: Jean <45966964+Jeanstaquet@users.noreply.github.com>
Date: Mon, 19 Apr 2021 21:47:49 +0200
Subject: [PATCH 05/10] Lint

---
 .../audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js   | 1 -
 1 file changed, 1 deletion(-)

diff --git a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
index 7b7072cfe312..699124e1c20e 100644
--- a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
+++ b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
@@ -4,7 +4,6 @@ import React, { memo, useMemo, useState } from 'react';
 
 import UserAvatar from '../../../../client/components/avatar/UserAvatar';
 import { useEndpointData } from '../../../../client/hooks/useEndpointData';
-import Avatar from './Avatar';
 
 const query = (term = '') => ({ selector: JSON.stringify({ term }) });
 

From 4903578c12dfa7e8a855ec296f69c5f73b9bfaef Mon Sep 17 00:00:00 2001
From: Jeanstaquet <jean.staquet8@gmail.com>
Date: Mon, 19 Apr 2021 13:14:39 -0700
Subject: [PATCH 06/10] Lint

---
 .../UserAutoCompleteMultiple/UserAutoCompleteMultiple.js      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
index 699124e1c20e..ce179924cd6d 100644
--- a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
+++ b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
@@ -39,10 +39,10 @@ const UserAutoCompleteMultiple = (props) => {
 					</Chip>
 				))
 			}
-			renderItem={({ value, label, ...props}) => (
+			renderItem={({ value, label,  ...props}) => (
 				<Option key={value} {...props}>
 					<Option.Avatar>
-						<UserAvatar username={value} size='x20'/>
+						<UserAvatar username= {value} size='x20'/>
 					</Option.Avatar>
 					<Option.Content>
 						{label} <Option.Description>({value})</Option.Description>

From a3275ea7992a1021b99e1ae5d853a0a644945a1a Mon Sep 17 00:00:00 2001
From: Jean <45966964+Jeanstaquet@users.noreply.github.com>
Date: Mon, 19 Apr 2021 22:26:22 +0200
Subject: [PATCH 07/10] Lint

---
 .../UserAutoCompleteMultiple/UserAutoCompleteMultiple.js      | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
index ce179924cd6d..699124e1c20e 100644
--- a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
+++ b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
@@ -39,10 +39,10 @@ const UserAutoCompleteMultiple = (props) => {
 					</Chip>
 				))
 			}
-			renderItem={({ value, label,  ...props}) => (
+			renderItem={({ value, label, ...props}) => (
 				<Option key={value} {...props}>
 					<Option.Avatar>
-						<UserAvatar username= {value} size='x20'/>
+						<UserAvatar username={value} size='x20'/>
 					</Option.Avatar>
 					<Option.Content>
 						{label} <Option.Description>({value})</Option.Description>

From e49f4118d9daf6a59b04ac821cdb5c8b9c734a2f Mon Sep 17 00:00:00 2001
From: Jeanstaquet <jean.staquet8@gmail.com>
Date: Mon, 19 Apr 2021 14:04:37 -0700
Subject: [PATCH 08/10] adding a eslint-disable

---
 .../audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
index 699124e1c20e..867c5629b0e2 100644
--- a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
+++ b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
@@ -39,7 +39,7 @@ const UserAutoCompleteMultiple = (props) => {
 					</Chip>
 				))
 			}
-			renderItem={({ value, label, ...props}) => (
+			renderItem={({ value, label, ...props}) => (// eslint-disable-line no-use-before-define
 				<Option key={value} {...props}>
 					<Option.Avatar>
 						<UserAvatar username={value} size='x20'/>

From b08606c03a90cf02322612cdeaa80d51d35d7196 Mon Sep 17 00:00:00 2001
From: Jeanstaquet <jean.staquet8@gmail.com>
Date: Mon, 19 Apr 2021 14:07:34 -0700
Subject: [PATCH 09/10] lint

---
 .../audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
index 867c5629b0e2..93e7bb5718e4 100644
--- a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
+++ b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
@@ -39,7 +39,7 @@ const UserAutoCompleteMultiple = (props) => {
 					</Chip>
 				))
 			}
-			renderItem={({ value, label, ...props}) => (// eslint-disable-line no-use-before-define
+			renderItem={({ value, label, ...props }) => (
 				<Option key={value} {...props}>
 					<Option.Avatar>
 						<UserAvatar username={value} size='x20'/>

From 346d0a5800c4e2815b66b82a445e4cf0871a53b8 Mon Sep 17 00:00:00 2001
From: Jeanstaquet <jean.staquet8@gmail.com>
Date: Mon, 19 Apr 2021 14:12:18 -0700
Subject: [PATCH 10/10] lint

---
 .../audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js  | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
index 93e7bb5718e4..5020907ee170 100644
--- a/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
+++ b/ee/client/audit/UserAutoCompleteMultiple/UserAutoCompleteMultiple.js
@@ -42,7 +42,7 @@ const UserAutoCompleteMultiple = (props) => {
 			renderItem={({ value, label, ...props }) => (
 				<Option key={value} {...props}>
 					<Option.Avatar>
-						<UserAvatar username={value} size='x20'/>
+						<UserAvatar username={value} size='x20' />
 					</Option.Avatar>
 					<Option.Content>
 						{label} <Option.Description>({value})</Option.Description>