From aae01de0f78a13d725b858a28ee4dd2ae92230d7 Mon Sep 17 00:00:00 2001
From: Shekar Siri <sshekarsiri@gmail.com>
Date: Wed, 3 Jul 2024 14:17:41 +0200
Subject: [PATCH] fix(ui): complete project button click

---
 .../NoSessionsMessage/NoSessionsMessage.js    | 60 ++++++++++---------
 1 file changed, 31 insertions(+), 29 deletions(-)

diff --git a/frontend/app/components/shared/NoSessionsMessage/NoSessionsMessage.js b/frontend/app/components/shared/NoSessionsMessage/NoSessionsMessage.js
index 2dec6fc5d..1a8e271be 100644
--- a/frontend/app/components/shared/NoSessionsMessage/NoSessionsMessage.js
+++ b/frontend/app/components/shared/NoSessionsMessage/NoSessionsMessage.js
@@ -6,6 +6,7 @@ import { withRouter } from 'react-router-dom';
 import * as routes from '../../../routes';
 import { indigo } from 'tailwindcss/colors';
 import { SquareArrowOutUpRight } from 'lucide-react';
+import { useHistory } from 'react-router';
 
 
 const withSiteId = routes.withSiteId;
@@ -17,6 +18,7 @@ const NoSessionsMessage = (props) => {
     sites,
     siteId
   } = props;
+  const history = useHistory();
   const activeSite = sites.find((s) => s.id === siteId);
   const showNoSessions = !!activeSite && !activeSite.recorded;
   const onboardingPath = withSiteId(onboardingRoute('installing'), siteId);
@@ -24,35 +26,35 @@ const NoSessionsMessage = (props) => {
   return (
     <>
       {showNoSessions && (
-            <div className="w-full mb-5">
-            <Space direction="vertical" className="w-full">
-              <Alert
-                className="border-transparent rounded-lg w-full"
-                message="Your sessions will appear here soon. It may take a few minutes as sessions are optimized for efficient playback."
-                type="warning"
-                showIcon
-                action={
-                  <Space>
-                    <Button
-                      type="link"
-                      size="small"
-                      onClick={() => window.open('https://docs.openreplay.com/en/troubleshooting/session-recordings/', '_blank')}
-                      icon={<SquareArrowOutUpRight size={16} />}
-                    >
-                      Troubleshoot
-                    </Button>
-                    <Button
-                      type="default"
-                      size="small"
-                      onClick={() => history.push(onboardingPath)}
-                    >
-                      Complete Project Setup
-                    </Button>
-                  </Space>
-                }
-              />
-            </Space>
-          </div>
+        <div className="w-full mb-5">
+          <Space direction="vertical" className="w-full">
+            <Alert
+              className="border-transparent rounded-lg w-full"
+              message="Your sessions will appear here soon. It may take a few minutes as sessions are optimized for efficient playback."
+              type="warning"
+              showIcon
+              action={
+                <Space>
+                  <Button
+                    type="link"
+                    size="small"
+                    onClick={() => window.open('https://docs.openreplay.com/en/troubleshooting/session-recordings/', '_blank')}
+                    icon={<SquareArrowOutUpRight size={16} />}
+                  >
+                    Troubleshoot
+                  </Button>
+                  <Button
+                    type="default"
+                    size="small"
+                    onClick={() => history.push(onboardingPath)}
+                  >
+                    Complete Project Setup
+                  </Button>
+                </Space>
+              }
+            />
+          </Space>
+        </div>
       )}
     </>
   );