Merge pull request #417 from sharemindteam/hotfix/clarity_error_416

Hotfix/clarity error 416
sharemindteam · Nov 6, 2024 · 9515124 · 9515124
2 parents 803b2a0 + 46571eb
commit 9515124
Show file tree

Hide file tree

Showing 4 changed files with 13 additions and 16 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -23,6 +23,7 @@
     "react-cookie": "^7.0.1",
     "react-device-detect": "^2.2.3",
     "react-dom": "^18.2.0",
+    "react-microsoft-clarity": "^1.2.0",
     "react-router-dom": "^6.21.1",
     "react-scripts": "5.0.1",
     "react-textarea-autosize": "^8.5.3",

diff --git a/public/index.html b/public/index.html
@@ -1,22 +1,6 @@
 <!DOCTYPE html>
 <html lang="en">
   <head>
-    <!-- Clarity tag -->
-    <script type="text/javascript">
-      (function (c, l, a, r, i, t, y) {
-        c[a] =
-          c[a] ||
-          function () {
-            (c[a].q = c[a].q || []).push(arguments);
-          };
-        t = l.createElement(r);
-        t.async = 1;
-        t.src = 'https://www.clarity.ms/tag/' + i;
-        y = l.getElementsByTagName(r)[0];
-        y.parentNode.insertBefore(t, y);
-      })(window, document, 'clarity', 'script', 'n11jaqdy8d');
-    </script>
-
     <!-- Google tag (gtag.js) -->
     <script
       async

diff --git a/src/index.tsx b/src/index.tsx
@@ -10,6 +10,8 @@ import { StompProvider } from 'contexts/StompContext';
 import { QueryClient, QueryClientProvider } from '@tanstack/react-query';
 import AppLayout from 'App.Layout';
 
+import { clarity } from 'react-microsoft-clarity';
+
 axios.defaults.withCredentials = true;
 
 const root = ReactDOM.createRoot(
@@ -18,6 +20,10 @@ const root = ReactDOM.createRoot(
 
 const queryClient = new QueryClient();
 
+if (process.env.NODE_ENV === 'production') {
+  clarity.init(process.env.REACT_APP_CLARITY_ID as string);
+}
+
 root.render(
   <BrowserRouter>
     <RecoilRoot>