fd5c0c9747
* applied eslint * add locales and lint the project * removed error boundary * updated locales * fix min files * fix locales
26 lines
664 B
TypeScript
26 lines
664 B
TypeScript
import React from 'react';
|
|
import { PlayerContext } from 'App/components/Session/playerContext';
|
|
import { observer } from 'mobx-react-lite';
|
|
import VerticalLine from '../VerticalLine';
|
|
|
|
function VerticalPointerLine() {
|
|
const { store } = React.useContext(PlayerContext);
|
|
|
|
const { time, endTime } = store.get();
|
|
return <VerticalPointerLineComp time={time} endTime={endTime} />;
|
|
}
|
|
|
|
export function VerticalPointerLineComp({
|
|
time,
|
|
endTime,
|
|
}: {
|
|
time: number;
|
|
endTime: number;
|
|
}) {
|
|
const scale = 100 / endTime;
|
|
const left = time * scale;
|
|
|
|
return <VerticalLine left={left} className="border-teal" />;
|
|
}
|
|
|
|
export default observer(VerticalPointerLine);
|