|
|
@ -91,8 +91,8 @@ const getStyles = memoizeOne((theme: GrafanaTheme) => { |
|
|
|
}; |
|
|
|
}; |
|
|
|
}); |
|
|
|
}); |
|
|
|
|
|
|
|
|
|
|
|
const defaultZoomOutTooltip = () => { |
|
|
|
const defaultLiveTooltip = () => { |
|
|
|
return <>Live tailing</>; |
|
|
|
return <>Live</>; |
|
|
|
}; |
|
|
|
}; |
|
|
|
|
|
|
|
|
|
|
|
type LiveTailButtonProps = { |
|
|
|
type LiveTailButtonProps = { |
|
|
@ -112,7 +112,7 @@ export function LiveTailButton(props: LiveTailButtonProps) { |
|
|
|
|
|
|
|
|
|
|
|
return ( |
|
|
|
return ( |
|
|
|
<> |
|
|
|
<> |
|
|
|
<Tooltip content={defaultZoomOutTooltip} placement="bottom"> |
|
|
|
<Tooltip content={defaultLiveTooltip} placement="bottom"> |
|
|
|
<button |
|
|
|
<button |
|
|
|
className={classNames('btn navbar-button', styles.liveButton, { |
|
|
|
className={classNames('btn navbar-button', styles.liveButton, { |
|
|
|
[`btn--radius-right-0 ${styles.noRightBorderStyle}`]: isLive, |
|
|
|
[`btn--radius-right-0 ${styles.noRightBorderStyle}`]: isLive, |
|
|
@ -122,7 +122,7 @@ export function LiveTailButton(props: LiveTailButtonProps) { |
|
|
|
onClick={onClickMain} |
|
|
|
onClick={onClickMain} |
|
|
|
> |
|
|
|
> |
|
|
|
<i className={classNames('fa', isPaused || !isLive ? 'fa-play' : 'fa-pause')} /> |
|
|
|
<i className={classNames('fa', isPaused || !isLive ? 'fa-play' : 'fa-pause')} /> |
|
|
|
<span> Live tailing</span> |
|
|
|
<span> Live</span> |
|
|
|
</button> |
|
|
|
</button> |
|
|
|
</Tooltip> |
|
|
|
</Tooltip> |
|
|
|
<CSSTransition |
|
|
|
<CSSTransition |
|
|
|