IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

Tracing: Feedback button (#67398)

Browse Source 
* Feedback button

* Hide button

* Make gen-cue
This commit is contained in:
Joey 2023-04-28 16:27:07 +01:00 committed by GitHub
parent d8da6c75e5
commit 7448427739
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 26 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
public/app/features/explore/TraceView/components/TracePageHeader/Actions/TracePageActions.tsx
View File

@ -1,21 +1,30 @@
import { css } from '@emotion/css';
import React, { useState } from 'react';
import { CoreApp, DataFrame } from '@grafana/data';
import { GrafanaTheme2, CoreApp, DataFrame } from '@grafana/data';
import { reportInteraction } from '@grafana/runtime';
import { useStyles2 } from '@grafana/ui';
import { Icon, useTheme2 } from '@grafana/ui';
import { config } from '../../../../../../core/config';
import { downloadTraceAsJson } from '../../../../../inspector/utils/download';
import ActionButton from './ActionButton';
export const getStyles = () => {
export const getStyles = (theme: GrafanaTheme2) => {
return {
TracePageActions: css`
label: TracePageActions;
display: flex;
gap: 4px;
margin-top: 2px;
`,
feedback: css`
margin: 6px;
color: ${theme.colors.text.secondary};
font-size: ${theme.typography.bodySmall.fontSize};
&:hover {
color: ${theme.colors.text.link};
}
`,
};
};
@ -28,7 +37,8 @@ export type TracePageActionsProps = {
export default function TracePageActions(props: TracePageActionsProps) {
const { traceId, data, app } = props;
const styles = useStyles2(getStyles);
const theme = useTheme2();
const styles = getStyles(theme);
const [copyTraceIdClicked, setCopyTraceIdClicked] = useState(false);
const copyTraceId = () => {
@ -51,6 +61,16 @@ export default function TracePageActions(props: TracePageActionsProps) {
return (
<div className={styles.TracePageActions}>
<a
href="https://forms.gle/RZDEx8ScyZNguDoC8"
className={styles.feedback}
title="Share your thoughts about tracing in Grafana."
target="_blank"
rel="noreferrer noopener"
>
<Icon name="comment-alt-message" /> Give feedback
</a>
<ActionButton
onClick={copyTraceId}
ariaLabel={'Copy Trace ID'}

3
public/app/features/explore/TraceView/components/TracePageHeader/NewTracePageHeader.tsx
View File

@ -162,7 +162,7 @@ const getNewStyles = (theme: GrafanaTheme2) => {
z-index: 5;
`,
titleRow: css`
align-items: center;
align-items: flex-start;
display: flex;
padding: 0 8px;
`,
@ -193,6 +193,7 @@ const getNewStyles = (theme: GrafanaTheme2) => {
`,
url: css`
margin: -2.5px 0.3em;
height: 15px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;