feat: Add enhanced intercom (#720)

decentraland · Jan 7, 2025 · 5ce751b · 5ce751b
1 parent a0a0c88
commit 5ce751b
Show file tree

Hide file tree

Showing 2 changed files with 24 additions and 21 deletions.
diff --git a/gatsby-browser.js b/gatsby-browser.js
@@ -23,6 +23,7 @@ import "./src/theme.css"
 
 // import Helmet from 'react-helmet'
 // import { RawIntlProvider, createIntl } from 'react-intl'
+import EnhancedIntercom from "decentraland-gatsby/dist/components/Development/EnhancedIntercom"
 import Layout2 from "decentraland-gatsby/dist/components/Layout/Layout2"
 import AuthProvider from "decentraland-gatsby/dist/context/Auth/AuthProvider"
 import FeatureFlagProvider from "decentraland-gatsby/dist/context/FeatureFlag/FeatureFlagProvider"
@@ -51,6 +52,7 @@ export const wrapRootElement = ({ element }) => (
         </Events>
       </ProfileSettings>
     </FeatureFlagProvider>
+    <EnhancedIntercom />
   </AuthProvider>
 )
 

diff --git a/gatsby-ssr.js b/gatsby-ssr.js
@@ -27,28 +27,29 @@ export function onPreRenderHTML(
   },
   pluginOptions
 ) {
-  const headComponents = getHeadComponents().map((component) => {
-    if (component.type !== "style" || !component.props["data-href"]) {
-      return component
-    }
+  const headComponents = getHeadComponents()
+    .concat([
+      <script
+        dangerouslySetInnerHTML={{
+          __html:
+            "if (typeof window !== 'undefined' && 'serviceWorker' in navigator) {window.navigator.serviceWorker.getRegistrations().then(registrations => {registrations.forEach(r => r.unregister())})}",
+        }}
+      ></script>,
+    ])
+    .map((component, i) => {
+      if (component.type !== "style" || !component.props["data-href"]) {
+        return component
+      }
 
-    return (
-      <link
-        rel="stylesheet"
-        id={component.props.id}
-        href={component.props["data-href"]}
-      />
-    )
-  })
-
-  headComponents.push(
-    <script
-      dangerouslySetInnerHTML={{
-        __html:
-          "if (typeof window !== 'undefined' && 'serviceWorker' in navigator) {window.navigator.serviceWorker.getRegistrations().then(registrations => {registrations.forEach(r => r.unregister())})}",
-      }}
-    ></script>
-  )
+      return (
+        <link
+          key={i}
+          rel="stylesheet"
+          id={component.props.id}
+          href={component.props["data-href"]}
+        />
+      )
+    })
 
   const postBodyComponents = [...getPostBodyComponents()]
   postBodyComponents.push(<Segment key="segment" trackPage={false} />)