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

Author: hasparus

.changeset/cuddly-shoes-crash.md

@@ -0,0 +1,5 @@
+---
+'@theguild/components': patch
+---
+
+Call event.preventDefault on Contact onClick only if $crisp is there

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

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

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>