diff --git a/frontend/app/components/Session/Player/ClickMapRenderer/Renderer.tsx b/frontend/app/components/Session/Player/ClickMapRenderer/Renderer.tsx index 8ec99101b..a365dc163 100644 --- a/frontend/app/components/Session/Player/ClickMapRenderer/Renderer.tsx +++ b/frontend/app/components/Session/Player/ClickMapRenderer/Renderer.tsx @@ -31,7 +31,7 @@ function Player() { >
-
+
); diff --git a/frontend/app/components/Session/Player/ReplayPlayer/PlayerInst.tsx b/frontend/app/components/Session/Player/ReplayPlayer/PlayerInst.tsx index cac7e87ec..e07ffd70e 100644 --- a/frontend/app/components/Session/Player/ReplayPlayer/PlayerInst.tsx +++ b/frontend/app/components/Session/Player/ReplayPlayer/PlayerInst.tsx @@ -55,7 +55,6 @@ function Player(props: IProps) { bottomBlock, activeTab, fullView, - isClickmap, } = props; const playerContext = React.useContext(PlayerContext); const isReady = playerContext.store.get().ready @@ -88,9 +87,9 @@ function Player(props: IProps) { data-bottom-block={bottomBlockIsActive} > {fullscreen && } -
- -
+
+ +
{!fullscreen && !!bottomBlock && (
@@ -106,7 +105,7 @@ function Player(props: IProps) { {bottomBlock === INSPECTOR && }
)} - {!fullView && !isClickmap ? ( + {!fullView ? ( { contextValue.player && contextValue.player.play() - if (isClickmap && isPlayerReady && insights.size > 0) { - setTimeout(() => { - contextValue.player.jump(jumpTimestamp) - contextValue.player.pause() - contextValue.player.scaleFullPage() - setTimeout(() => { contextValue.player.showClickmap(insights) }, 250) - }, 1500) - } - return () => { - isPlayerReady && contextValue.player.showClickmap(null) - } }, [insights, isPlayerReady, jumpTimestamp]) // LAYOUT (TODO: local layout state - useContext or something..) diff --git a/frontend/app/components/Session_/Player/Controls/Controls.tsx b/frontend/app/components/Session_/Player/Controls/Controls.tsx index 98061c537..221cc064a 100644 --- a/frontend/app/components/Session_/Player/Controls/Controls.tsx +++ b/frontend/app/components/Session_/Player/Controls/Controls.tsx @@ -138,14 +138,6 @@ function Controls(props: any) { player.jumpInterval(-SKIP_INTERVALS[skipInterval]); }; - const renderPlayBtn = () => { - const state = completed ? PlayingState.Completed : playing ? PlayingState.Playing : PlayingState.Paused - - return ( - - ); - }; - const toggleBottomTools = (blockName: number) => { if (blockName === INSPECTOR) { // player.toggleInspectorMode(false); @@ -156,6 +148,8 @@ function Controls(props: any) { } }; + const state = completed ? PlayingState.Completed : playing ? PlayingState.Playing : PlayingState.Paused + return (
@@ -170,7 +164,7 @@ function Controls(props: any) { forthTenSeconds={forthTenSeconds} toggleSpeed={() => player.toggleSpeed()} toggleSkip={() => player.toggleSkip()} - playButton={renderPlayBtn()} + playButton={} skipIntervals={SKIP_INTERVALS} setSkipInterval={changeSkipInterval} currentInterval={skipInterval}