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

[data view mgmt] fix data view name wrap (#127319) (#127418)

Browse source 
* use EuiLink instead of EuiButton

* better tag positions

* fix rendering and text

* lint fixes

(cherry picked from commit c7734bc945)
This commit is contained in:
Matthew Kime 2022-03-10 01:12:23 -06:00 • committed by GitHub
parent 07b9f37693
commit a94043b55e
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
2 changed files with 17 additions and 29 deletions
Download patch file Download diff file Expand all files Collapse all files

44
src/plugins/data_view_management/public/components/index_pattern_table/index_pattern_table.tsx
View file

@ -5,16 +5,14 @@
* in compliance with, at your election, the Elastic License 2.0 or the Server
* Side Public License, v 1.
*/
import { css } from '@emotion/react';
import {
EuiBadge,
EuiButton,
EuiButtonEmpty,
EuiLink,
EuiInMemoryTable,
EuiPageHeader,
EuiSpacer,
EuiFlexItem,
EuiFlexGroup,
} from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
import { RouteComponentProps, withRouter, useLocation } from 'react-router-dom';
@ -60,10 +58,6 @@ const securityDataView = i18n.translate(
const securitySolution = 'security-solution';
const flexItemStyles = css`
justify-content: center;
`;
interface Props extends RouteComponentProps {
canSave: boolean;
showCreateDialog?: boolean;
@ -124,26 +118,20 @@ export const IndexPatternTable = ({
}>;
}
) => (
<>
<EuiFlexGroup gutterSize="s" wrap>
<EuiFlexItem grow={false} css={flexItemStyles}>
<EuiButtonEmpty size="s" {...reactRouterNavigate(history, `patterns/${index.id}`)}>
{name}
</EuiButtonEmpty>
</EuiFlexItem>
{index.id && index.id.indexOf(securitySolution) === 0 && (
<EuiFlexItem grow={false} css={flexItemStyles}>
<EuiBadge>{securityDataView}</EuiBadge>
</EuiFlexItem>
)}
{index.tags &&
index.tags.map(({ key: tagKey, name: tagName }) => (
<EuiFlexItem grow={false} css={flexItemStyles} key={tagKey}>
<EuiBadge>{tagName}</EuiBadge>
</EuiFlexItem>
))}
</EuiFlexGroup>
</>
<div>
<EuiLink {...reactRouterNavigate(history, `patterns/${index.id}`)}>{name}</EuiLink>
{index.id && index.id.indexOf(securitySolution) === 0 && (
<>
&emsp;<EuiBadge>{securityDataView}</EuiBadge>
</>
)}
{index.tags &&
index.tags.map(({ key: tagKey, name: tagName }) => (
<>
&emsp;<EuiBadge key={tagKey}>{tagName}</EuiBadge>
</>
))}
</div>
),
dataType: 'string' as const,
sortable: ({ sort }: { sort: string }) => sort,

2
test/functional/page_objects/settings_page.ts
View file

@ -315,7 +315,7 @@ export class SettingsPageObject extends FtrService {
}
async clickIndexPatternByName(name: string) {
const indexLink = await this.find.byXPath(`//a[descendant::*[text()='${name}']]`);
const indexLink = await this.find.byXPath(`//a[text()='${name}']`);
await indexLink.click();
}