Merge pull request #802 from filecoin-project/@jasonleyser/intercom

Intercom user data
filecoin-project · Jul 2, 2021 · 788913b · 788913b
2 parents 4d1c7de + 44cbddf
commit 788913b
Show file tree

Hide file tree

Showing 3 changed files with 43 additions and 18 deletions.
diff --git a/components/core/ApplicationUserControls.js b/components/core/ApplicationUserControls.js
@@ -102,16 +102,25 @@ const STYLES_ITEM_BOX = css`
   }
 `;
 
-const OpenIntercom = ({ user }) => {
-  const { show } = useIntercom();
-
-  const showWithProps = () =>
-    show({
-      name: user.data.name || user.username,
-    });
+const OpenIntercom = ({ user, onTogglePopup }) => {
+  const { show, update } = useIntercom();
 
   return (
-    <span style={{ cursor: "pointer", display: "block" }} onClick={() => showWithProps()}>
+    <span
+      style={{ cursor: "pointer", display: "block" }}
+      onClick={() => {
+        onTogglePopup();
+        update({
+          name: user.data.name,
+          email: user.email,
+          customAttributes: {
+            slate_userid: user.id,
+            username: user.username,
+          },
+        });
+        show();
+      }}
+    >
       Help
     </span>
   );
@@ -229,7 +238,13 @@ export class ApplicationUserControlsPopup extends React.Component {
         ],
         [
           {
-            text: <OpenIntercom style={{ display: "block" }} user={this.props.viewer} />,
+            text: (
+              <OpenIntercom
+                style={{ display: "block" }}
+                user={this.props.viewer}
+                onTogglePopup={this.props.onTogglePopup}
+              />
+            ),
           },
           {
             text: "Sign out",

diff --git a/components/core/SearchModal.js b/components/core/SearchModal.js
@@ -278,14 +278,24 @@ const FilePreview = ({ file, slate, user, viewerId }) => {
 };
 
 const OpenIntercom = ({ user }) => {
-  const { show } = useIntercom();
-
-  const showWithProps = () => show({ 
-    name: user.data.name || user.username, 
-  });
+  const { show, update } = useIntercom();
 
   return(
-    <span style={{ marginRight: 24, cursor: "pointer" }} onClick={() => showWithProps()}>
+    <span 
+      style={{ marginRight: 24, cursor: "pointer" }} 
+      onClick={() => {
+          update({
+            name: user.data.name,
+            email: user.email,
+            customAttributes: { 
+              slate_userid: user.id, 
+              username: user.username 
+            }
+          });
+          show()
+        }
+      }
+    >
       Contact Us
     </span>
   );

diff --git a/package-lock.json b/package-lock.json