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

Log Context: Add feedback button (#66910)

Browse Source 
* add feedback link

* add feedback button to `Modal.ButtonRow`
This commit is contained in:
Sven Grossmann 2023-04-20 14:36:04 +02:00 committed by GitHub
parent 1917857186
commit bec18e390e
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 22 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
public/app/features/logs/components/log-context/LogRowContextModal.tsx
View File

@ -16,7 +16,7 @@ import {
} from '@grafana/data'; } from '@grafana/data';
import { config } from '@grafana/runtime'; import { config } from '@grafana/runtime';
import { DataQuery, TimeZone } from '@grafana/schema'; import { DataQuery, TimeZone } from '@grafana/schema';
import { Button, LoadingBar, Modal, useTheme2 } from '@grafana/ui'; import { Icon, Button, LoadingBar, Modal, useTheme2 } from '@grafana/ui';
import { dataFrameToLogsModel } from 'app/core/logsModel'; import { dataFrameToLogsModel } from 'app/core/logsModel';
import store from 'app/core/store'; import store from 'app/core/store';
import { splitOpen } from 'app/features/explore/state/main'; import { splitOpen } from 'app/features/explore/state/main';
@ -93,6 +93,13 @@ const getStyles = (theme: GrafanaTheme2) => {
paddingBottom: css` paddingBottom: css`
padding-bottom: ${theme.spacing(1)}; padding-bottom: ${theme.spacing(1)};
`, `,
link: css`
color: ${theme.colors.text.secondary};
font-size: ${theme.typography.bodySmall.fontSize};
:hover {
color: ${theme.colors.text.link};
}
`,
}; };
}; };
@ -327,8 +334,18 @@ export const LogRowContextModal: React.FunctionComponent<LogRowContextModalProps
Showing {context.before.length} lines {logsSortOrder === LogsSortOrder.Descending ? 'after' : 'before'} match. Showing {context.before.length} lines {logsSortOrder === LogsSortOrder.Descending ? 'after' : 'before'} match.
</div> </div>
</div> </div>
{contextQuery?.datasource?.uid && (
<Modal.ButtonRow> <Modal.ButtonRow>
<a
href="https://forms.gle/Tsk4pN7vD95aBRbb7"
className={styles.link}
title="We recently reworked the Log Context UI, please let us know how we can further improve it."
target="_blank"
rel="noreferrer noopener"
>
<Icon name="comment-alt-message" /> Give feedback
</a>
{contextQuery?.datasource?.uid && (
<Button <Button
variant="secondary" variant="secondary"
onClick={async () => { onClick={async () => {
@ -344,8 +361,8 @@ export const LogRowContextModal: React.FunctionComponent<LogRowContextModalProps
> >
Open in split view Open in split view
</Button> </Button>
</Modal.ButtonRow> )}
)} </Modal.ButtonRow>
</Modal> </Modal>
); );
}; };