b17c3ab8d7
* feat ui: login flow for spot extension * spot list, store and service created * some fixing for header * start work on single spot * spot player start * header for player, comments, icons, etc * split stuff into compoennts, create player state manager * player controls, activity panel etc etc * comments, empty page, rename and stuff * interval buttons etc * access modal * pubkey support * fix tooltip * limit 10 -> 9 * hls lib instead of videojs * some warnings * fix date display for exp * change public links * display more client data * fix cleaning, init comment * map network to replay player network ev * stream support, console panel, close panels on X * fixing streaming, destroy on leave * fix autoplay * show notification on spot login * fix spot login * backup player added, fix audio issue * show thumbnail when no video, add spot roles * add poster thumbnail * some fixes to video check * fix events jump * fix play btn * try catch over pubkey * icons * spot login pinging * move spot login flow to login comp, use separate spot login path for unique jwt * invalidate spot jwt on logout * add visual data on page load event * typo fix * issue to copy change * share spot url f
23 lines
No EOL
659 B
TypeScript
23 lines
No EOL
659 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); |