administrator/frigate
1
0
Fork 0
mirror of https://github.com/blakeblackshear/frigate.git synced 2026-02-02 09:15:22 +03:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

feat: added className to TimelineControls

Browse Source
This commit is contained in:
JohnMark Sill 2022-02-16 15:58:34 -06:00
parent 7f8145530b
commit 614687261e
1 changed files with 9 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

11
web/src/components/Timeline/TimelineControls.tsx
View File

@ -12,14 +12,21 @@ export interface DisabledControls {
interface TimelineControlsProps { interface TimelineControlsProps {
disabled: DisabledControls; disabled: DisabledControls;
className?: string;
onPlayPause: () => void; onPlayPause: () => void;
onNext: () => void; onNext: () => void;
onPrevious: () => void; onPrevious: () => void;
} }
export const TimelineControls = ({ disabled, onPlayPause, onNext, onPrevious }: TimelineControlsProps) => { export const TimelineControls = ({
disabled,
onPlayPause,
onNext,
onPrevious,
className = '',
}: TimelineControlsProps) => {
return ( return (
<div className='flex space-x-2 self-center'> <div className={`flex space-x-2 self-center ${className}`}>
<BubbleButton variant='secondary' onClick={onPrevious} disabled={disabled.previous}> <BubbleButton variant='secondary' onClick={onPrevious} disabled={disabled.previous}>
<Previous /> <Previous />
</BubbleButton> </BubbleButton>