updated live tailing text

This commit is contained in:
Łukasz Siatka 2019-10-07 23:32:50 +02:00 committed by Lukas Siatka
parent f8cef9b900
commit e2ea2d3050

View File

@ -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>&nbsp; Live tailing</span> <span>&nbsp; Live</span>
</button> </button>
</Tooltip> </Tooltip>
<CSSTransition <CSSTransition