Remove fast-forward and rewind buttons
This commit is contained in:
parent
e40e794721
commit
e434ad9a84
|
@ -2,10 +2,8 @@ import React from 'react';
|
||||||
import { PlayState } from './AppState';
|
import { PlayState } from './AppState';
|
||||||
import {
|
import {
|
||||||
CloudDownloadIcon,
|
CloudDownloadIcon,
|
||||||
FastForwardIcon,
|
|
||||||
PauseIcon,
|
PauseIcon,
|
||||||
PlayIcon,
|
PlayIcon,
|
||||||
RewindIcon,
|
|
||||||
ZoomInIcon,
|
ZoomInIcon,
|
||||||
ZoomOutIcon,
|
ZoomOutIcon,
|
||||||
} from '@heroicons/react/solid';
|
} from '@heroicons/react/solid';
|
||||||
|
@ -59,18 +57,12 @@ const ControlBar: React.FC<Props> = React.memo((props: Props) => {
|
||||||
return (
|
return (
|
||||||
<>
|
<>
|
||||||
<div className="relative grow-0 w-full py-2 space-x-2">
|
<div className="relative grow-0 w-full py-2 space-x-2">
|
||||||
<button className={buttonStyle}>
|
|
||||||
<RewindIcon className={iconStyle} />
|
|
||||||
</button>
|
|
||||||
<button
|
<button
|
||||||
className={buttonStyle}
|
className={buttonStyle}
|
||||||
onClick={(evt) => filterMouseEvent(evt, props.onTogglePlay)}
|
onClick={(evt) => filterMouseEvent(evt, props.onTogglePlay)}
|
||||||
>
|
>
|
||||||
{playPauseComponent}
|
{playPauseComponent}
|
||||||
</button>
|
</button>
|
||||||
<button className={buttonStyle}>
|
|
||||||
<FastForwardIcon className={iconStyle} />
|
|
||||||
</button>
|
|
||||||
<button
|
<button
|
||||||
className={props.zoomInEnabled ? buttonStyle : disabledButtonStyle}
|
className={props.zoomInEnabled ? buttonStyle : disabledButtonStyle}
|
||||||
onClick={(evt) => filterMouseEvent(evt, props.onZoomIn)}
|
onClick={(evt) => filterMouseEvent(evt, props.onZoomIn)}
|
||||||
|
|
Loading…
Reference in New Issue