maxmustermann/kibana
1
0
Fork 0
Code Issues Pull requests Projects Releases Wiki Activity

[Workplace Search] Remove user icon from source details (#88218)

Browse source 
* [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>
This commit is contained in:
Scotty Bollinger 2021-01-14 21:04:08 -06:00 committed by GitHub
parent ca42e9a59f
commit 86218a46af
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 3 additions and 37 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

40
x-pack/plugins/enterprise_search/public/applications/workplace_search/views/content_sources/components/overview.tsx
View file

@ -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>
))}