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

Intercom user data
This commit is contained in:
martinalong 2021-07-02 13:01:18 -07:00 committed by GitHub
commit 788913beac
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
3 changed files with 43 additions and 18 deletions

View File

@ -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",

View File

@ -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>
);

6
package-lock.json generated
View File

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