Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[ILM] Migrate all usages of EuiPage*_Deprecated #163132

Merged
merged 11 commits into from
Aug 22, 2023
Merged

[ILM] Migrate all usages of EuiPage*_Deprecated #163132

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
11 commits
Select commit Hold shift + click to select a range
8b7cb17
[ILM] Migrate all usages of EuiPage*_Deprecated
gitstart Aug 4, 2023
f6e1ea0
Merge commit 'ad5c9d805a0c5e2ce6f71733d159f60926a82349' of https://gi…
gitstart Aug 16, 2023
ae67679
[ILM] Migrate all usages of EuiPage*_Deprecated
gitstart Aug 16, 2023
168ac4b
Merge branch 'main' into ELS-168
kibanamachine Aug 16, 2023
416e9a2
[CI] Auto-commit changed files from 'node scripts/eslint --no-cache -…
kibanamachine Aug 16, 2023
42a7094
Merge commit '2b3048f96abc45a58325de864747f3599ec14777' of https://gi…
gitstart Aug 18, 2023
6bdd8ac
[ILM] Migrate all usages of EuiPage*_Deprecated
gitstart Aug 18, 2023
484b26a
Merge branch 'main' of github.com:elastic/kibana into ELS-168
alisonelizabeth Aug 21, 2023
38b9718
update jest snapshot
alisonelizabeth Aug 21, 2023
ef9f9c7
Merge branch 'main' into ELS-168
kibanamachine Aug 21, 2023
d87f482
Merge branch 'main' into ELS-168
kibanamachine Aug 21, 2023
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
91 changes: 47 additions & 44 deletions x-pack/plugins/index_lifecycle_management/__jest__/__snapshots__/policy_table.test.tsx.snap
View file
Open in desktop

Some generated files are not rendered by default. Learn more about how customized files appear on GitHub.

76 changes: 34 additions & 42 deletions ...ex_lifecycle_management/public/application/sections/edit_policy/edit_policy.container.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -7,12 +7,7 @@

import React, { useEffect } from 'react';
import { RouteComponentProps } from 'react-router-dom';
import {
EuiButton,
EuiEmptyPrompt,
EuiLoadingSpinner,
EuiPageContent_Deprecated as EuiPageContent,
} from '@elastic/eui';
import { EuiButton, EuiLoadingSpinner, EuiPageTemplate } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';

import { MIN_SEARCHABLE_SNAPSHOT_LICENSE } from '../../../../common/constants';
Expand Down Expand Up @@ -45,47 +40,44 @@ export const EditPolicy: React.FunctionComponent<RouteComponentProps<RouterProps

if (isLoading) {
return (
<EuiPageContent verticalPosition="center" horizontalPosition="center" color="subdued">
<EuiEmptyPrompt
title={<EuiLoadingSpinner size="xl" />}
body={
<FormattedMessage
id="xpack.indexLifecycleMgmt.editPolicy.policiesLoading"
defaultMessage="Loading policies..."
/>
}
/>
</EuiPageContent>
<EuiPageTemplate.EmptyPrompt
title={<EuiLoadingSpinner size="xl" />}
body={
<FormattedMessage
id="xpack.indexLifecycleMgmt.editPolicy.policiesLoading"
defaultMessage="Loading policies..."
/>
}
/>
);
}
if (error || !policies) {
const { statusCode, message } = error ? error : { statusCode: '', message: '' };
return (
<EuiPageContent verticalPosition="center" horizontalPosition="center" color="danger">
<EuiEmptyPrompt
title={
<h2>
<FormattedMessage
id="xpack.indexLifecycleMgmt.editPolicy.lifecyclePoliciesLoadingFailedTitle"
defaultMessage="Unable to load existing lifecycle policies"
/>
</h2>
}
body={
<p>
{message} ({statusCode})
</p>
}
actions={
<EuiButton onClick={resendRequest} iconType="refresh" color="danger">
<FormattedMessage
id="xpack.indexLifecycleMgmt.editPolicy.lifecyclePoliciesReloadButton"
defaultMessage="Try again"
/>
</EuiButton>
}
/>
</EuiPageContent>
<EuiPageTemplate.EmptyPrompt
alisonelizabeth marked this conversation as resolved.
Show resolved Hide resolved
color="danger"
title={
<h2>
<FormattedMessage
id="xpack.indexLifecycleMgmt.editPolicy.lifecyclePoliciesLoadingFailedTitle"
defaultMessage="Unable to load existing lifecycle policies"
/>
</h2>
}
body={
<p>
{message} ({statusCode})
</p>
}
actions={
<EuiButton onClick={resendRequest} iconType="refresh" color="danger">
<FormattedMessage
id="xpack.indexLifecycleMgmt.editPolicy.lifecyclePoliciesReloadButton"
defaultMessage="Try again"
/>
</EuiButton>
}
/>
);
}

Expand Down
76 changes: 34 additions & 42 deletions ...ex_lifecycle_management/public/application/sections/policy_list/policy_list.container.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -6,12 +6,7 @@
*/

import React, { useEffect } from 'react';
import {
EuiButton,
EuiEmptyPrompt,
EuiLoadingSpinner,
EuiPageContent_Deprecated as EuiPageContent,
} from '@elastic/eui';
import { EuiButton, EuiLoadingSpinner, EuiPageTemplate } from '@elastic/eui';
import { FormattedMessage } from '@kbn/i18n-react';
import { PolicyList as PresentationComponent } from './policy_list';
import { useKibana } from '../../../shared_imports';
Expand All @@ -30,47 +25,44 @@ export const PolicyList: React.FunctionComponent = () => {

if (isLoading) {
return (
<EuiPageContent verticalPosition="center" horizontalPosition="center" color="subdued">
<EuiEmptyPrompt
title={<EuiLoadingSpinner size="xl" />}
body={
<FormattedMessage
id="xpack.indexLifecycleMgmt.policyTable.policiesLoading"
defaultMessage="Loading policies..."
/>
}
/>
</EuiPageContent>
<EuiPageTemplate.EmptyPrompt
title={<EuiLoadingSpinner size="xl" />}
body={
<FormattedMessage
id="xpack.indexLifecycleMgmt.policyTable.policiesLoading"
defaultMessage="Loading policies..."
/>
}
/>
);
}
if (error) {
const { statusCode, message } = error ? error : { statusCode: '', message: '' };
return (
<EuiPageContent verticalPosition="center" horizontalPosition="center" color="danger">
<EuiEmptyPrompt
title={
<h2>
<FormattedMessage
id="xpack.indexLifecycleMgmt.policyTable.policiesLoadingFailedTitle"
defaultMessage="Unable to load existing lifecycle policies"
/>
</h2>
}
body={
<p>
{message} ({statusCode})
</p>
}
actions={
<EuiButton onClick={resendRequest} iconType="refresh" color="danger">
<FormattedMessage
id="xpack.indexLifecycleMgmt.policyTable.policiesReloadButton"
defaultMessage="Try again"
/>
</EuiButton>
}
/>
</EuiPageContent>
<EuiPageTemplate.EmptyPrompt
alisonelizabeth marked this conversation as resolved.
Show resolved Hide resolved
color="danger"
title={
<h2>
<FormattedMessage
id="xpack.indexLifecycleMgmt.policyTable.policiesLoadingFailedTitle"
defaultMessage="Unable to load existing lifecycle policies"
/>
</h2>
}
body={
<p>
{message} ({statusCode})
</p>
}
actions={
<EuiButton onClick={resendRequest} iconType="refresh" color="danger">
<FormattedMessage
id="xpack.indexLifecycleMgmt.policyTable.policiesReloadButton"
defaultMessage="Try again"
/>
</EuiButton>
}
/>
);
}

Expand Down
50 changes: 21 additions & 29 deletions ...lugins/index_lifecycle_management/public/application/sections/policy_list/policy_list.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -8,13 +8,7 @@
import React, { Fragment } from 'react';
import { FormattedMessage } from '@kbn/i18n-react';

import {
EuiButton,
EuiEmptyPrompt,
EuiSpacer,
EuiPageHeader,
EuiPageContent_Deprecated as EuiPageContent,
} from '@elastic/eui';
import { EuiButton, EuiSpacer, EuiPageHeader, EuiPageTemplate } from '@elastic/eui';
import { useHistory } from 'react-router-dom';
import { reactRouterNavigate } from '@kbn/kibana-react-plugin/public';
import { PolicyFromES } from '../../../../common/types';
Expand Down Expand Up @@ -46,30 +40,28 @@ export const PolicyList: React.FunctionComponent<Props> = ({ policies, updatePol

if (policies.length === 0) {
return (
<EuiPageContent verticalPosition="center" horizontalPosition="center" color="subdued">
<EuiEmptyPrompt
iconType="managementApp"
title={
<h1>
<EuiPageTemplate.EmptyPrompt
iconType="managementApp"
title={
<h1>
<FormattedMessage
id="xpack.indexLifecycleMgmt.policyTable.emptyPromptTitle"
defaultMessage="Create your first index lifecycle policy"
/>
</h1>
}
body={
<Fragment>
<p>
<FormattedMessage
id="xpack.indexLifecycleMgmt.policyTable.emptyPromptTitle"
defaultMessage="Create your first index lifecycle policy"
id="xpack.indexLifecycleMgmt.policyTable.emptyPromptDescription"
defaultMessage=" An index lifecycle policy helps you manage your indices as they age."
/>
</h1>
}
body={
<Fragment>
<p>
<FormattedMessage
id="xpack.indexLifecycleMgmt.policyTable.emptyPromptDescription"
defaultMessage=" An index lifecycle policy helps you manage your indices as they age."
/>
</p>
</Fragment>
}
actions={createPolicyButton}
/>
</EuiPageContent>
</p>
</Fragment>
}
actions={createPolicyButton}
/>
);
}

Expand Down
Loading