[Profiling] Adding a feedback link in Profiling (#151436)

## Summary

Adding a Feedback link inside the Profiling app to allow users to
provide feedback.


![image](https://user-images.githubusercontent.com/13353203/219363745-e0a817df-917a-48bc-8349-cfa8cdca9b60.png)


![image](https://user-images.githubusercontent.com/13353203/219363809-0dc3cbca-9a2e-4d75-a755-c899307cd590.png)



Related to and closes:
https://github.com/elastic/prodfiler/issues/2959
This commit is contained in:
Boris Kirov 2023-03-07 09:32:20 +01:00 committed by GitHub
parent 88a2afbc5a
commit c184ebf83a
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23

View file

@ -5,7 +5,13 @@
* 2.0.
*/
import { EuiFlexGroup, EuiFlexItem, EuiPageHeaderContentProps } from '@elastic/eui';
import {
EuiBetaBadge,
EuiButton,
EuiFlexGroup,
EuiFlexItem,
EuiPageHeaderContentProps,
} from '@elastic/eui';
import { i18n } from '@kbn/i18n';
import React, { useEffect } from 'react';
import { useHistory } from 'react-router-dom';
@ -13,6 +19,8 @@ import { NoDataPageProps } from '@kbn/shared-ux-page-no-data-types';
import { useProfilingDependencies } from '../contexts/profiling_dependencies/use_profiling_dependencies';
import { PrimaryProfilingSearchBar } from './primary_profiling_search_bar';
const PROFILING_FEEDBACK_LINK = 'https://ela.st/profiling-feedback';
export function ProfilingAppPageTemplate({
children,
tabs,
@ -46,8 +54,34 @@ export function ProfilingAppPageTemplate({
<ObservabilityPageTemplate
noDataConfig={noDataConfig}
pageHeader={{
pageTitle,
tabs,
rightSideItems: [
<EuiButton
href={PROFILING_FEEDBACK_LINK}
target="_blank"
color="warning"
iconType="editorComment"
>
{i18n.translate('xpack.profiling.header.giveFeedbackLink', {
defaultMessage: 'Give feedback',
})}
</EuiButton>,
],
pageTitle: (
<EuiFlexGroup gutterSize="s" alignItems="baseline">
<EuiFlexItem grow={false}>
<h1>{pageTitle}</h1>
</EuiFlexItem>
<EuiFlexItem grow={false}>
<EuiBetaBadge
label="Beta"
color="hollow"
tooltipContent={i18n.translate('xpack.profiling.header.betaBadgeTooltip', {
defaultMessage: 'This module is not GA. Please help us by reporting any bugs.',
})}
/>
</EuiFlexItem>
</EuiFlexGroup>
),
}}
restrictWidth={restrictWidth}
pageSectionProps={{