fd5c0c9747
* applied eslint * add locales and lint the project * removed error boundary * updated locales * fix min files * fix locales
23 lines
662 B
TypeScript
23 lines
662 B
TypeScript
import DraggableCircle from 'Components/Session_/Player/Controls/components/DraggableCircle';
|
|
import React from 'react';
|
|
import { observer } from 'mobx-react-lite';
|
|
import { ProgressBar } from 'App/player-ui';
|
|
import spotPlayerStore from '../spotPlayerStore';
|
|
|
|
function SpotTimeTracker({ onDrop }: { onDrop: () => void }) {
|
|
const leftPercent = (spotPlayerStore.time / spotPlayerStore.duration) * 100;
|
|
|
|
return (
|
|
<>
|
|
<DraggableCircle left={leftPercent} onDrop={onDrop} />
|
|
<ProgressBar
|
|
scale={1}
|
|
live={false}
|
|
left={leftPercent}
|
|
time={leftPercent}
|
|
/>
|
|
</>
|
|
);
|
|
}
|
|
|
|
export default observer(SpotTimeTracker);
|