From 8e30bd30b059e18986374fd277c28d0192543ca2 Mon Sep 17 00:00:00 2001
From: Caleb Jacob <thecalebjacob@gmail.com>
Date: Mon, 8 Jul 2024 12:20:01 -0600
Subject: [PATCH] Updating contact us page copy, opening gleap widget instead
 of redirecting to zendesk

---
 src/Gateway/ContactUsPage.jsx | 33 +++++++++++++++------------------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/src/Gateway/ContactUsPage.jsx b/src/Gateway/ContactUsPage.jsx
index 7ea76511..aa8bdb89 100644
--- a/src/Gateway/ContactUsPage.jsx
+++ b/src/Gateway/ContactUsPage.jsx
@@ -1,3 +1,5 @@
+let { emitGatewayEvent } = props;
+
 const urls = {
   discord: "http://near.chat",
   discourse: "https://gov.near.org",
@@ -281,6 +283,14 @@ const IconTextLink = styled("Link")`
   }
 `;
 
+function openGleapWidget() {
+  emitGatewayEvent &&
+    emitGatewayEvent({
+      type: "GLEAP",
+      action: "OPEN",
+    });
+}
+
 return (
   <Wrapper className="gateway-page-container">
     <Section>
@@ -316,25 +326,10 @@ return (
 
         <Flex $direction="column" $gap="1.5rem">
           <Card $background="violet5" $color="violet12" style={{ flexGrow: 1 }}>
-            <Text $size="text-l" $fontWeight="700">
-              Chat Support
-            </Text>
-
-            <Text>Chat with our developers and get live support</Text>
+            <Text>Jump in a voice call with our developers</Text>
+            <Text>Thursdays: 11hs & 18hs</Text>
 
-            <IconTextLink href={urls.telegram} target="_blank" $iconColor="violet11">
-              <i className="ph-bold ph-telegram-logo" />
-              <span>Telegram Support</span>
-            </IconTextLink>
             <IconTextLink href={urls.discord} target="_blank" $iconColor="violet11">
-              <i className="ph-bold ph-discord-logo" />
-              <span>Discord Support</span>
-            </IconTextLink>
-
-            <Text>Jump in a voice call with our developers </Text>
-            <Text> Thursdays - 11hs & 18hs (UTC) </Text>
-
-            <IconTextLink href={urls.discord} target="_blank" $iconColor="amber11">
               <i className="ph-bold ph-chat-circle-dots" />
               <span>Join our Discord</span>
             </IconTextLink>
@@ -345,7 +340,9 @@ return (
               Resolve an issue
             </Text>
 
-            <IconTextLink href={urls.supportRequest} target="_blank" $iconColor="amber11">
+            <Text>Get in touch with our customer care team</Text>
+
+            <IconTextLink as="button" $iconColor="amber11" onClick={openGleapWidget}>
               <i className="ph-bold ph-chat-circle-dots" />
               <span>Launch support form</span>
             </IconTextLink>