openreplay/frontend/app/components/Session_/OverviewPanel/components/VerticalPointerLine/VerticalPointerLine.tsx
2022-11-21 11:09:57 +01:00

18 lines
478 B
TypeScript

import React from 'react';
import { connectPlayer } from 'Player';
import VerticalLine from '../VerticalLine';
interface Props {
time?: number;
scale?: number;
}
function VerticalPointerLine(props: Props) {
const { time, scale } = props;
const left = time * scale;
return <VerticalLine left={left} className="border-teal" />;
}
export default connectPlayer((state: any) => ({
time: state.time,
scale: 100 / state.endTime,
}))(VerticalPointerLine);