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

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

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