4ebcff74e1
* feat(ui): make ui able to load unprocessed session files * feat(ui): some lgos * feat(ui): connect api, rewrite old code * feat(ui): create testing ui functions * feat(ui/player): add ability to jump back in time for assist * feat(ui/player): rewrite for better readability * fix(ui/player): small refactor for better readability * fix(ui/player): fix private prop * fix(ui/player): add tooltip * feat(ui/player): create time calculating tooltip * fix(player): fix message timestamp * fix(ui/player): cleanup * fix(ui/player): handle errors for unprocessed files as well * fix(player): fix logged message * fix(player): code review fixes * fix(ui): fix circle color, fix button text * fix(tracker): code review * fix(player): small style fixes
18 lines
467 B
TypeScript
18 lines
467 B
TypeScript
import React, { memo, FC } from 'react';
|
|
import styles from './timeline.module.css';
|
|
import cn from 'classnames';
|
|
|
|
interface Props {
|
|
preview?: boolean;
|
|
isGreen?: boolean;
|
|
}
|
|
export const Circle: FC<Props> = memo(function Box({ preview, isGreen }) {
|
|
return (
|
|
<div
|
|
className={ cn(styles.positionTracker, { [styles.greenTracker]: isGreen }) }
|
|
role={preview ? 'BoxPreview' : 'Box'}
|
|
/>
|
|
)
|
|
})
|
|
|
|
export default Circle;
|