web: common: MediaViewer. Fix

This commit is contained in:
NikolayRechkin 2020-05-06 18:02:44 +03:00
parent e4cea2ff4f
commit 1bd0dd0a73

View File

@ -239,23 +239,25 @@ class MediaViewer extends React.Component {
<StyledVideoViewer url={url} playing={this.state.visible} isVideo={isVideo} getOffset={this.getOffset} />
)
}
<div className="mediaViewerToolbox" ref={this.viewerToolbox}></div>
<span>
{
this.props.canDelete(currentPlaylistPos) &&
<ControlBtn onClick={this.props.onDelete && (() => { this.props.onDelete(this.state.playlistPos) })}>
<div className="deleteBtnContainer">
<Icons.MediaDeleteIcon size="scale" />
<div className="mediaViewerToolbox" ref={this.viewerToolbox}>
<span>
{
this.props.canDelete(currentPlaylistPos) &&
<ControlBtn onClick={this.props.onDelete && (() => { this.props.onDelete(this.state.playlistPos) })}>
<div className="deleteBtnContainer">
<Icons.MediaDeleteIcon size="scale" />
</div>
</ControlBtn>
}
<ControlBtn onClick={this.props.onDownload && (() => { this.props.onDownload(this.state.playlistPos) })}>
<div className="downloadBtnContainer">
<Icons.MediaDownloadIcon size="scale" />
</div>
</ControlBtn>
}
<ControlBtn onClick={this.props.onDownload && (() => { this.props.onDownload(this.state.playlistPos) })}>
<div className="downloadBtnContainer">
<Icons.MediaDownloadIcon size="scale" />
</div>
</ControlBtn>
</span>
</span>
</div>
</StyledMediaViewer>
)
}