From 0b061e30614c3fda7c0567fbd3fce13f69eddbdd Mon Sep 17 00:00:00 2001
From: sylenien <nikita@openreplay.com>
Date: Fri, 16 Dec 2022 17:54:18 +0100
Subject: [PATCH] change(ui): fixup for player mode

---
 .../CustomMetricsWidgets/ClickMapCard/ClickMapCard.tsx    | 8 ++++----
 frontend/app/components/Session/WebPlayer.tsx             | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/ClickMapCard/ClickMapCard.tsx b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/ClickMapCard/ClickMapCard.tsx
index 61b1c035b..2df9db42b 100644
--- a/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/ClickMapCard/ClickMapCard.tsx
+++ b/frontend/app/components/Dashboard/Widgets/CustomMetricsWidgets/ClickMapCard/ClickMapCard.tsx
@@ -2,11 +2,11 @@ import React from 'react'
 import { useStore } from 'App/mstore'
 import { observer } from 'mobx-react-lite'
 import WebPlayer from 'App/components/Session/WebPlayer'
-// inject mob file from chalice
 import { connect } from 'react-redux'
 import { setCustomSession } from 'App/duck/sessions'
 
-function ClickMapCard({ setCustomSession, visitedEvents }) {
+// TODO session type ???
+function ClickMapCard({ setCustomSession, visitedEvents }: any) {
   const { metricStore } = useStore()
   React.useEffect(() => {
     if (metricStore.instance.data.mobsUrl) {
@@ -14,10 +14,10 @@ function ClickMapCard({ setCustomSession, visitedEvents }) {
     }
   }, [metricStore.instance.data.mobsUrl])
 
-  if (!metricStore.instance.data.mobsUrl) return <div>looking for session</div>
+  if (!metricStore.instance.data.mobsUrl) return <div className="p-4">looking for session</div>
   console.log(visitedEvents, metricStore.instance.data.events)
   if (!visitedEvents || !visitedEvents.length) {
-    return <div>loading</div>
+    return <div className="p-4">loading</div>
   }
   return (
     <div>
diff --git a/frontend/app/components/Session/WebPlayer.tsx b/frontend/app/components/Session/WebPlayer.tsx
index 285649df1..3f61ed6ae 100644
--- a/frontend/app/components/Session/WebPlayer.tsx
+++ b/frontend/app/components/Session/WebPlayer.tsx
@@ -30,7 +30,7 @@ function WebPlayer(props: any) {
     fullscreen,
     fetchList,
     customSession,
-    isClickmap = true,
+    isClickmap,
     fetchInsights,
     host,
     visitedEvents,