-
Notifications
You must be signed in to change notification settings - Fork 8k
/
EmptyPrompt.tsx
49 lines (47 loc) · 1.46 KB
/
EmptyPrompt.tsx
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
/*
* 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.
*/
import { EuiEmptyPrompt } from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import React from 'react';
import { CreateCustomLinkButton } from './CreateCustomLinkButton';
export function EmptyPrompt({
onCreateCustomLinkClick,
}: {
onCreateCustomLinkClick: () => void;
}) {
return (
<EuiEmptyPrompt
data-test-subj="customLinksEmptyPrompt"
iconType="link"
iconColor=""
title={
<h2>
{i18n.translate(
'xpack.apm.settings.customizeUI.customLink.emptyPromptTitle',
{
defaultMessage: 'No links found.',
}
)}
</h2>
}
body={
<>
<p>
{i18n.translate(
'xpack.apm.settings.customizeUI.customLink.emptyPromptText',
{
defaultMessage:
"Let's change that! You can add custom links to the Actions context menu by the transaction details for each service. Create a helpful link to your company's support portal or open a new bug report. Learn more about it in our docs.",
}
)}
</p>
</>
}
actions={<CreateCustomLinkButton onClick={onCreateCustomLinkClick} />}
/>
);
}