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

Explore: Update tooltips for live tailing buttons (#26799)

Browse Source 
* Update tooltips

* Update wordiing
This commit is contained in:
Ivana Huckova 2020-08-05 15:48:36 +02:00 committed by GitHub
parent d4af373529
commit 541ce55670
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
public/app/features/explore/LiveTailButton.tsx
View File

@ -98,10 +98,6 @@ const getStyles = stylesFactory((theme: GrafanaTheme) => {
};
});
const defaultLiveTooltip = () => {
return <>Live</>;
};
type LiveTailButtonProps = {
splitted: boolean;
start: () => void;
@ -120,7 +116,7 @@ export function LiveTailButton(props: LiveTailButtonProps) {
return (
<>
<Tooltip content={defaultLiveTooltip} placement="bottom">
<Tooltip content={isLive ? <>Pause the live stream</> : <>Live stream your logs</>} placement="bottom">
<ResponsiveButton
splitted={splitted}
buttonClassName={classNames('btn navbar-button', styles.liveButton, {
@ -147,12 +143,14 @@ export function LiveTailButton(props: LiveTailButtonProps) {
}}
>
<div>
<Tooltip content={<>Stop and exit the live stream</>} placement="bottom">
<button
className={`btn navbar-button navbar-button--attached explore-active-button ${styles.isLive}`}
onClick={stop}
>
<Icon className="icon-brand-gradient" name="square-shape" size="lg" type="mono" />
</button>
</Tooltip>
</div>
</CSSTransition>
</>