From 86218a46aff2d10790b923a4f8743dd76bf3158a Mon Sep 17 00:00:00 2001
From: Scotty Bollinger <scotty.bollinger@elastic.co>
Date: Thu, 14 Jan 2021 21:04:08 -0600
Subject: [PATCH] [Workplace Search] Remove user icon from source details
 (#88218)

* [Workplace Search] Remove user icon from source details

Removes user icons from source details group list, since the users don't exist in Kibana.

* Refactor to remove entire GroupAvatars component

* Remove unused interface

* Remove flex group

Co-authored-by: Kibana Machine <42973632+kibanamachine@users.noreply.github.com>
---
 .../content_sources/components/overview.tsx   | 40 ++-----------------
 1 file changed, 3 insertions(+), 37 deletions(-)

diff --git a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/overview.tsx b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/overview.tsx
index 0677d46839af..8d6e421005df 100644
--- a/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/overview.tsx
+++ b/x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/overview.tsx
@@ -9,7 +9,6 @@ import React from 'react';
 import { useValues } from 'kea';
 
 import {
-  EuiAvatar,
   EuiEmptyPrompt,
   EuiFlexGroup,
   EuiFlexItem,
@@ -40,7 +39,6 @@ import {
 } from '../../../routes';
 
 import { AppLogic } from '../../../app_logic';
-import { User } from '../../../types';
 
 import { ComponentLoader } from '../../../components/shared/component_loader';
 import { CredentialItem } from '../../../components/shared/credential_item';
@@ -223,31 +221,6 @@ export const Overview: React.FC = () => {
   };
 
   const GroupsSummary = () => {
-    const GroupAvatars = ({ users }: { users: User[] }) => {
-      const MAX_USERS = 4;
-      return (
-        <EuiFlexGroup gutterSize="xs" alignItems="center">
-          {users.slice(0, MAX_USERS).map((user) => (
-            <EuiFlexItem key={user.id}>
-              <EuiAvatar
-                size="s"
-                initials={user.initials}
-                name={user.name || user.initials}
-                imageUrl={user.pictureUrl || ''}
-              />
-            </EuiFlexItem>
-          ))}
-          {users.slice(MAX_USERS).length > 0 && (
-            <EuiFlexItem>
-              <EuiText color="subdued" size="xs">
-                <strong>+{users.slice(MAX_USERS).length}</strong>
-              </EuiText>
-            </EuiFlexItem>
-          )}
-        </EuiFlexGroup>
-      );
-    };
-
     return !groups.length ? null : (
       <>
         <EuiText>
@@ -262,16 +235,9 @@ export const Overview: React.FC = () => {
                 data-test-subj="SourceGroupLink"
                 className="euiPanel--inset"
               >
-                <EuiFlexGroup alignItems="center">
-                  <EuiFlexItem>
-                    <EuiText size="s" className="eui-textTruncate">
-                      <strong>{group.name}</strong>
-                    </EuiText>
-                  </EuiFlexItem>
-                  <EuiFlexItem grow={false}>
-                    <GroupAvatars users={group.users} />
-                  </EuiFlexItem>
-                </EuiFlexGroup>
+                <EuiText size="s" className="eui-textTruncate">
+                  <strong>{group.name}</strong>
+                </EuiText>
               </EuiPanelTo>
             </EuiFlexItem>
           ))}