mirror of
https://github.com/elastic/kibana.git
synced 2025-06-27 18:51:07 -04:00
eaf70a0b4e
* [kbn/ui-shared-deps] split into two packages * fix asset categorizer * update snapshots * reference npm dll from optimizer Co-authored-by: spalger <spalger@users.noreply.github.com>
97 lines
3.6 KiB
TypeScript
97 lines
3.6 KiB
TypeScript
/*
|
|
* Copyright Elasticsearch B.V. and/or licensed to Elasticsearch B.V. under one
|
|
* or more contributor license agreements. Licensed under the Elastic License
|
|
* 2.0; you may not use this file except in compliance with the Elastic License
|
|
* 2.0.
|
|
*/
|
|
|
|
// @ts-expect-error no definitions in component folder
|
|
import { EuiEmptyPrompt } from '@elastic/eui/lib/components/empty_prompt';
|
|
// @ts-expect-error no definitions in component folder
|
|
import { icon as EuiIconAlert } from '@elastic/eui/lib/components/icon/assets/alert';
|
|
// @ts-expect-error no definitions in component folder
|
|
import { appendIconComponentCache } from '@elastic/eui/lib/components/icon/icon';
|
|
// @ts-expect-error no definitions in component folder
|
|
import { EuiPage, EuiPageBody, EuiPageContent } from '@elastic/eui/lib/components/page';
|
|
import type { ReactNode } from 'react';
|
|
import React from 'react';
|
|
|
|
import { i18n } from '@kbn/i18n';
|
|
import { I18nProvider } from '@kbn/i18n/react';
|
|
import UiSharedDepsNpm from '@kbn/ui-shared-deps-npm';
|
|
import UiSharedDepsSrc from '@kbn/ui-shared-deps-src';
|
|
import type { IBasePath } from 'src/core/server';
|
|
|
|
// eslint-disable-next-line @kbn/eslint/no-restricted-paths
|
|
import { Fonts } from '../../../../src/core/server/rendering/views/fonts';
|
|
|
|
// Preload the alert icon used by `EuiEmptyPrompt` to ensure that it's loaded
|
|
// in advance the first time this page is rendered server-side. If not, the
|
|
// icon svg wouldn't contain any paths the first time the page was rendered.
|
|
appendIconComponentCache({
|
|
alert: EuiIconAlert,
|
|
});
|
|
|
|
interface Props {
|
|
buildNumber: number;
|
|
basePath: IBasePath;
|
|
scriptPaths?: string[];
|
|
title: ReactNode;
|
|
body: ReactNode;
|
|
actions: ReactNode;
|
|
}
|
|
|
|
export function PromptPage({
|
|
basePath,
|
|
buildNumber,
|
|
scriptPaths = [],
|
|
title,
|
|
body,
|
|
actions,
|
|
}: Props) {
|
|
const uiPublicURL = `${basePath.serverBasePath}/ui`;
|
|
const regularBundlePath = `${basePath.serverBasePath}/${buildNumber}/bundles`;
|
|
const styleSheetPaths = [
|
|
`${regularBundlePath}/kbn-ui-shared-deps-src/${UiSharedDepsSrc.cssDistFilename}`,
|
|
`${regularBundlePath}/kbn-ui-shared-deps-npm/${UiSharedDepsNpm.lightCssDistFilename}`,
|
|
`${basePath.serverBasePath}/node_modules/@kbn/ui-framework/dist/kui_light.css`,
|
|
`${basePath.serverBasePath}/ui/legacy_light_theme.css`,
|
|
];
|
|
|
|
return (
|
|
<html lang={i18n.getLocale()}>
|
|
<head>
|
|
<title>Elastic</title>
|
|
{styleSheetPaths.map((path) => (
|
|
<link href={path} rel="stylesheet" key={path} />
|
|
))}
|
|
<Fonts url={uiPublicURL} />
|
|
{/* The alternate icon is a fallback for Safari which does not yet support SVG favicons */}
|
|
<link rel="alternate icon" type="image/png" href={`${uiPublicURL}/favicons/favicon.png`} />
|
|
<link rel="icon" type="image/svg+xml" href={`${uiPublicURL}/favicons/favicon.svg`} />
|
|
{scriptPaths.map((path) => (
|
|
<script src={basePath.prepend(path)} key={path} />
|
|
))}
|
|
<meta name="theme-color" content="#ffffff" />
|
|
<meta name="color-scheme" content="light dark" />
|
|
</head>
|
|
<body>
|
|
<I18nProvider>
|
|
<EuiPage paddingSize="none" style={{ minHeight: '100vh' }} data-test-subj="promptPage">
|
|
<EuiPageBody>
|
|
<EuiPageContent verticalPosition="center" horizontalPosition="center">
|
|
<EuiEmptyPrompt
|
|
iconType="alert"
|
|
iconColor="danger"
|
|
title={<h2>{title}</h2>}
|
|
body={body}
|
|
actions={actions}
|
|
/>
|
|
</EuiPageContent>
|
|
</EuiPageBody>
|
|
</EuiPage>
|
|
</I18nProvider>
|
|
</body>
|
|
</html>
|
|
);
|
|
}
|