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

Intercom user data

components/core/ApplicationUserControls.js

@@ -102,16 +102,25 @@ const STYLES_ITEM_BOX = css`
   }
 `;
 
-const OpenIntercom = ({ user }) => {
+const OpenIntercom = ({ user, onTogglePopup }) => {
-  const { show } = useIntercom();
+  const { show, update } = useIntercom();
-
-  const showWithProps = () =>
-    show({
-      name: user.data.name || user.username,
-    });
 
   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",

components/core/SearchModal.js

@@ -278,14 +278,24 @@ const FilePreview = ({ file, slate, user, viewerId }) => {
 };
 
 const OpenIntercom = ({ user }) => {
-  const { show } = useIntercom();
+  const { show, update } = useIntercom();
-  
-  const showWithProps = () => show({ 
-    name: user.data.name || user.username, 
-  });
 
   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>
   );

package-lock.json

@@ -7630,9 +7630,9 @@
       "integrity": "sha512-X8jZHc7nCMjaCqoU+V2I0cOhNW+QMBwSUkeXnTi8IPe6zaRWfn60ZzvFDZqWPfmSJfjub7dDW1SP0jaHWLu/hg=="
     },
     "react-use-intercom": {
-      "version": "1.2.0",
+      "version": "1.3.0",
-      "resolved": "https://registry.npmjs.org/react-use-intercom/-/react-use-intercom-1.2.0.tgz",
+      "resolved": "https://registry.npmjs.org/react-use-intercom/-/react-use-intercom-1.3.0.tgz",
-      "integrity": "sha512-Cbs9E5p8ISzyq4GnV04mVluHhfgSwM84FlHeY7clk9shW0XvuIylNUjnyopMjZgh5HawKWHIhRrcml20gPWVSQ=="
+      "integrity": "sha512-BV04rWF+wno2ZFmOrPL1BqIDGiN74RoWvgLl3f0szwIdb99aTky9ZPwDjwuB8vck2Bqu32Ps0jhkGaXj5IYlCw=="
     },
     "readable-stream": {
       "version": "2.3.7",