From f716971654bb99b9331bc82ba9e9abdbee022fec Mon Sep 17 00:00:00 2001
From: chamiakJ <chamika@ceydigital.com>
Date: Wed, 21 May 2025 18:50:18 +0530
Subject: [PATCH] feat(hubspot-integration): dynamically load HubSpot script in
 production environment

- Added a script to conditionally load the HubSpot tracking script in the index.html file when the hostname matches 'app.worklenz.com'.
- Removed the HubSpot component from MainLayout to streamline the integration process.
---
 worklenz-frontend/index.html                 | 11 +++++++++++
 worklenz-frontend/src/layouts/MainLayout.tsx |  1 -
 2 files changed, 11 insertions(+), 1 deletion(-)

diff --git a/worklenz-frontend/index.html b/worklenz-frontend/index.html
index 57a2a1b0..ba93ca2c 100644
--- a/worklenz-frontend/index.html
+++ b/worklenz-frontend/index.html
@@ -48,6 +48,17 @@
   <noscript>You need to enable JavaScript to run this app.</noscript>
   <div id="root"></div>
   <script type="module" src="./src/index.tsx"></script>
+  <script type="text/javascript">
+    if (window.location.hostname === 'app.worklenz.com') {
+      var hs = document.createElement('script');
+      hs.type = 'text/javascript';
+      hs.id = 'hs-script-loader';
+      hs.async = true;
+      hs.defer = true;
+      hs.src = '//js.hs-scripts.com/22348300.js';
+      document.body.appendChild(hs);
+    }
+  </script>
 </body>
 
 </html>
\ No newline at end of file
diff --git a/worklenz-frontend/src/layouts/MainLayout.tsx b/worklenz-frontend/src/layouts/MainLayout.tsx
index d82073a1..83a4f4c4 100644
--- a/worklenz-frontend/src/layouts/MainLayout.tsx
+++ b/worklenz-frontend/src/layouts/MainLayout.tsx
@@ -68,7 +68,6 @@ const MainLayout = () => {
             <Outlet />
           </Col>
         </Layout.Content>
-        {import.meta.env.VITE_APP_ENV === 'production' && <HubSpot />}
       </Layout>
     </ConfigProvider>
   );