Wrapperd playlist controls in clickoutsidewrapper

This commit is contained in:
Peter Holmberg 2019-03-05 12:08:57 +01:00
parent b4df0e73cd
commit 978cdfba00

View File

@ -16,6 +16,7 @@ import { updateLocation } from 'app/core/actions';
// Types
import { DashboardModel } from '../../state';
import { ClickOutsideWrapper } from '../../../../core/components/ClickOutsideWrapper/ClickOutsideWrapper';
export interface Props {
dashboard: DashboardModel;
@ -173,6 +174,7 @@ export class DashNav extends PureComponent<Props> {
{this.renderDashboardTitleSearchButton()}
{this.playlistSrv.isPlaying && (
<ClickOutsideWrapper onClick={this.onPlaylistStop}>
<div className="navbar-buttons navbar-buttons--playlist">
<DashNavButton
tooltip="Go to previous dashboard"
@ -193,6 +195,7 @@ export class DashNav extends PureComponent<Props> {
onClick={this.onPlaylistNext}
/>
</div>
</ClickOutsideWrapper>
)}
<div className="navbar-buttons navbar-buttons--actions">