From 8a532f8b7441d90d4bd23e9b4d42d281cced684c Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Fri, 23 Jun 2023 15:36:38 +0200
Subject: [PATCH] fix(ui): no sessions message check for siteId

---
 frontend/app/components/Overview/Overview.tsx |  2 +-
 .../NoSessionsMessage/NoSessionsMessage.js    | 83 +++++++++----------
 2 files changed, 42 insertions(+), 43 deletions(-)

diff --git a/frontend/app/components/Overview/Overview.tsx b/frontend/app/components/Overview/Overview.tsx
index 3bb78a4ce..2014ab905 100644
--- a/frontend/app/components/Overview/Overview.tsx
+++ b/frontend/app/components/Overview/Overview.tsx
@@ -34,7 +34,7 @@ function Overview({ match: { params } }: IProps) {
         <Switch>
           <Route exact strict path={[withSiteId(sessions(), siteId), withSiteId(notes(), siteId), withSiteId(bookmarks(), siteId)]}>
             <div className="mb-5 w-full mx-auto" style={{ maxWidth: '1300px' }}>
-              <NoSessionsMessage />
+              <NoSessionsMessage siteId={siteId} />
               <MainSearchBar />
               <SessionSearch />
               <div className="my-4" />
diff --git a/frontend/app/components/shared/NoSessionsMessage/NoSessionsMessage.js b/frontend/app/components/shared/NoSessionsMessage/NoSessionsMessage.js
index d8158f598..d503a33a9 100644
--- a/frontend/app/components/shared/NoSessionsMessage/NoSessionsMessage.js
+++ b/frontend/app/components/shared/NoSessionsMessage/NoSessionsMessage.js
@@ -4,52 +4,51 @@ import { connect } from 'react-redux';
 import { onboarding as onboardingRoute } from 'App/routes';
 import { withRouter } from 'react-router-dom';
 import * as routes from '../../../routes';
+
 const withSiteId = routes.withSiteId;
 
 const NoSessionsMessage = (props) => {
-    const {
-        sites,
-        match: {
-            params: { siteId },
-        },
-    } = props;
-    const activeSite = sites.find((s) => s.id == siteId);
-    const showNoSessions = !!activeSite && !activeSite.recorded;
-    return (
-        <>
-            {showNoSessions && (
-                <div>
-                    <div
-                        className="rounded text-sm flex items-center p-2 justify-between mb-4"
-                        style={{ backgroundColor: 'rgba(255, 239, 239, 1)', border: 'solid thin rgba(221, 181, 181, 1)' }}
-                    >
-                        <div className="flex items-center w-full">
-                            <div className="flex-shrink-0 w-8 flex justify-center">
-                                <Icon name="info-circle" size="14" color="gray-darkest" />
-                            </div>
-                            <div className="ml-2 color-gray-darkest mr-auto text-base">
-                                It might take a few minutes for first recording to appear. 
-                                <a href="https://docs.openreplay.com/en/troubleshooting/session-recordings/" className="link ml-2">
-                                    Troubleshoot
-                                </a>
-                                .
-                            </div>
-                            <Button
-                                variant="primary"
-                                className="bg-white h-8 hover:bg-gray-light text-base"
-                                onClick={() => props.history.push(withSiteId(onboardingRoute('installing'), siteId))}
-                            >
-                                Complete Project Setup
-                            </Button>
-                        </div>
-                    </div>
-                </div>
-            )}
-        </>
-    );
+  const {
+    sites,
+    siteId
+  } = props;
+  const activeSite = sites.find((s) => s.id === siteId);
+  const showNoSessions = !!activeSite && !activeSite.recorded;
+  return (
+    <>
+      {showNoSessions && (
+        <div>
+          <div
+            className='rounded text-sm flex items-center p-2 justify-between mb-4'
+            style={{ backgroundColor: 'rgba(255, 239, 239, 1)', border: 'solid thin rgba(221, 181, 181, 1)' }}
+          >
+            <div className='flex items-center w-full'>
+              <div className='flex-shrink-0 w-8 flex justify-center'>
+                <Icon name='info-circle' size='14' color='gray-darkest' />
+              </div>
+              <div className='ml-2 color-gray-darkest mr-auto text-base'>
+                It might take a few minutes for first recording to appear.
+                <a href='https://docs.openreplay.com/en/troubleshooting/session-recordings/' className='link ml-2'>
+                  Troubleshoot
+                </a>
+                .
+              </div>
+              <Button
+                variant='primary'
+                className='bg-white h-8 hover:bg-gray-light text-base'
+                onClick={() => props.history.push(withSiteId(onboardingRoute('installing'), siteId))}
+              >
+                Complete Project Setup
+              </Button>
+            </div>
+          </div>
+        </div>
+      )}
+    </>
+  );
 };
 
 export default connect((state) => ({
-    site: state.getIn(['site', 'siteId']),
-    sites: state.getIn(['site', 'list']),
+  site: state.getIn(['site', 'siteId']),
+  sites: state.getIn(['site', 'list'])
 }))(withRouter(NoSessionsMessage));