preventDefault on Contact onClick only when $crisp is there (#1795)

the-guild-org · Nov 11, 2024 · 223a8ad · 223a8ad
1 parent 3e6147b
commit 223a8ad
Show file tree

Hide file tree

Showing 4 changed files with 17 additions and 6 deletions.
diff --git a/.changeset/cuddly-shoes-crash.md b/.changeset/cuddly-shoes-crash.md
@@ -0,0 +1,5 @@
+---
+'@theguild/components': patch
+---
+
+Call event.preventDefault on Contact onClick only if $crisp is there
diff --git a/packages/components/src/components/get-your-api-game-right-section.tsx b/packages/components/src/components/get-your-api-game-right-section.tsx
@@ -28,8 +28,10 @@ export function GetYourAPIGameRightSection({ className }: { className?: string }
             variant="tertiary"
             href="https://the-guild.dev/contact"
             onClick={event => {
-              window.$crisp?.push(['do', 'chat:open']);
-              event.preventDefault();
+              if (window.$crisp) {
+                window.$crisp.push(['do', 'chat:open']);
+                event.preventDefault();
+              }
             }}
           >
             Talk to us

diff --git a/packages/components/src/components/hive-footer.tsx b/packages/components/src/components/hive-footer.tsx
@@ -59,8 +59,10 @@ export function HiveFooter({
               className="hive-focus -m-2 rounded p-2 font-medium hover:text-blue-700 hover:underline dark:hover:text-blue-100"
               href="https://the-guild.dev/contact"
               onClick={event => {
-                window.$crisp?.push(['do', 'chat:open']);
-                event.preventDefault();
+                if (window.$crisp) {
+                  window.$crisp.push(['do', 'chat:open']);
+                  event.preventDefault();
+                }
               }}
             >
               Contact Us

diff --git a/packages/components/src/components/hive-navigation/index.tsx b/packages/components/src/components/hive-navigation/index.tsx
@@ -165,8 +165,10 @@ export function HiveNavigation({
           target="_blank"
           rel="noopener noreferrer"
           onClick={event => {
-            window.$crisp?.push(['do', 'chat:open']);
-            event.preventDefault();
+            if (window.$crisp) {
+              window.$crisp.push(['do', 'chat:open']);
+              event.preventDefault();
+            }
           }}
         >
           Contact <span className="hidden xl:contents">us</span>