github-mirrors/kibana
1
0
Fork 0
mirror of https://github.com/elastic/kibana.git synced 2025-04-24 17:59:23 -04:00
Code Issues Projects Releases Packages Wiki Activity

[Workplace Search] Make Source Group links look like links (#112125)

Browse source 
* change group panels into links

* update with new EuiListGroupItemTo component

* fix import

* remove unused prop

* remove unused import

* omit value for boolean true attributes

* make list item self closing

* break props onto new lines
This commit is contained in:
Kuldeep M 2021-09-15 20:41:19 +01:00 • committed by GitHub
parent c9bf6a1669
commit f27df939bf
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
1 changed files with 12 additions and 15 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -14,6 +14,7 @@ import {
EuiFlexGroup,
EuiFlexItem,
EuiIcon,
EuiListGroup,
EuiLink,
EuiPanel,
EuiSpacer,
@ -29,7 +30,7 @@ import {
} from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n/react';
import { EuiPanelTo } from '../../../../shared/react_router_helpers';
import { EuiListGroupItemTo } from '../../../../shared/react_router_helpers';
import { AppLogic } from '../../../app_logic';
import aclImage from '../../../assets/supports_acl.svg';
import { ComponentLoader } from '../../../components/shared/component_loader';
@ -234,22 +235,18 @@ export const Overview: React.FC = () => {
<h5>{GROUP_ACCESS_TITLE}</h5>
</EuiTitle>
<EuiSpacer size="s" />
<EuiFlexGroup direction="column" gutterSize="s" data-test-subj="GroupsSummary">
{groups.map((group, index) => (
<EuiFlexItem key={index}>
<EuiPanelTo
hasShadow={false}
color="subdued"
<EuiPanel color="subdued">
<EuiListGroup flush maxWidth={false} data-test-subj="GroupsSummary">
{groups.map((group, index) => (
<EuiListGroupItemTo
label={group.name}
key={index}
to={getGroupPath(group.id)}
data-test-subj="SourceGroupLink"
>
<EuiText size="s" className="eui-textTruncate">
<strong>{group.name}</strong>
</EuiText>
</EuiPanelTo>
</EuiFlexItem>
))}
</EuiFlexGroup>
/>
))}
</EuiListGroup>
</EuiPanel>
</>
);