[APM] Improve table and other panel loading states (#53459) (#53583)

Updated text loading states to animated spinners.
This commit is contained in:
Casper Hübertz 2019-12-19 15:53:34 +01:00 committed by GitHub
parent fc6786cb23
commit c852a2bc78
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 7 additions and 15 deletions

View file

@ -5,20 +5,14 @@
*/ */
import React from 'react'; import React from 'react';
import { i18n } from '@kbn/i18n'; import { EuiFlexGroup, EuiFlexItem, EuiLoadingSpinner } from '@elastic/eui';
import { EuiEmptyPrompt } from '@elastic/eui';
export function LoadingStatePrompt() { export function LoadingStatePrompt() {
return ( return (
<EuiEmptyPrompt <EuiFlexGroup justifyContent="spaceAround">
title={ <EuiFlexItem grow={false}>
<div> <EuiLoadingSpinner size="l" />
{i18n.translate('xpack.apm.loading.prompt', { </EuiFlexItem>
defaultMessage: 'Loading...' </EuiFlexGroup>
})}
</div>
}
titleSize="s"
/>
); );
} }

View file

@ -3557,7 +3557,6 @@
"xpack.apm.fetcher.error.status": "エラー", "xpack.apm.fetcher.error.status": "エラー",
"xpack.apm.fetcher.error.title": "リソースの取得中にエラーが発生しました", "xpack.apm.fetcher.error.title": "リソースの取得中にエラーが発生しました",
"xpack.apm.fetcher.error.url": "URL", "xpack.apm.fetcher.error.url": "URL",
"xpack.apm.loading.prompt": "読み込み中…",
"xpack.apm.localFilters.titles.agentName": "エージェント名", "xpack.apm.localFilters.titles.agentName": "エージェント名",
"xpack.apm.localFilters.titles.containerId": "コンテナー ID", "xpack.apm.localFilters.titles.containerId": "コンテナー ID",
"xpack.apm.localFilters.titles.host": "ホスト", "xpack.apm.localFilters.titles.host": "ホスト",
@ -12716,4 +12715,4 @@
"xpack.licensing.welcomeBanner.licenseIsExpiredDescription.updateYourLicenseLinkText": "ライセンスを更新", "xpack.licensing.welcomeBanner.licenseIsExpiredDescription.updateYourLicenseLinkText": "ライセンスを更新",
"xpack.licensing.welcomeBanner.licenseIsExpiredTitle": "ご使用の {licenseType} ライセンスは期限切れです" "xpack.licensing.welcomeBanner.licenseIsExpiredTitle": "ご使用の {licenseType} ライセンスは期限切れです"
} }
} }

View file

@ -3558,7 +3558,6 @@
"xpack.apm.fetcher.error.status": "错误", "xpack.apm.fetcher.error.status": "错误",
"xpack.apm.fetcher.error.title": "提取资源时出错", "xpack.apm.fetcher.error.title": "提取资源时出错",
"xpack.apm.fetcher.error.url": "URL", "xpack.apm.fetcher.error.url": "URL",
"xpack.apm.loading.prompt": "正在加载……",
"xpack.apm.localFilters.titles.agentName": "代理名称", "xpack.apm.localFilters.titles.agentName": "代理名称",
"xpack.apm.localFilters.titles.containerId": "容器 ID", "xpack.apm.localFilters.titles.containerId": "容器 ID",
"xpack.apm.localFilters.titles.host": "主机", "xpack.apm.localFilters.titles.host": "主机",