diff --git a/common/app/routes/Profile/components/SocialIcons.jsx b/common/app/routes/Profile/components/SocialIcons.jsx index c4632bd9a3..f1010b33f7 100644 --- a/common/app/routes/Profile/components/SocialIcons.jsx +++ b/common/app/routes/Profile/components/SocialIcons.jsx @@ -2,12 +2,14 @@ import React from 'react'; import PropTypes from 'prop-types'; import { createSelector } from 'reselect'; import { connect } from 'react-redux'; +import { Row, Col } from 'react-bootstrap'; +import FontAwesomeIcon from '@fortawesome/react-fontawesome'; import { - Row, - Col -} from 'react-bootstrap'; -import FontAwesome from '@fortawesome/react-fontawesome'; -// see https://github.com/FortAwesome/react-fontawesome#external-loading + faLinkedin, + faGithub, + faTwitter +} from '@fortawesome/free-brands-svg-icons'; +import { faLink } from '@fortawesome/free-solid-svg-icons'; import { userByNameSelector } from '../../../redux'; @@ -55,19 +57,19 @@ function mapDispatchToProps() { function LinkedInIcon(linkedIn) { return ( - ); } -function githubIcon(ghURL) { +function GithubIcon(ghURL) { return ( - @@ -77,8 +79,8 @@ function githubIcon(ghURL) { function WebsiteIcon(website) { return ( - @@ -88,8 +90,8 @@ function WebsiteIcon(website) { function TwitterIcon(handle) { return ( - @@ -122,7 +124,7 @@ function SocialIcons(props) { isLinkedIn ? LinkedInIcon(linkedIn) : null } { - isGithub ? githubIcon(githubProfile) : null + isGithub ? GithubIcon(githubProfile) : null } { isWebsite ? WebsiteIcon(website) : null diff --git a/server/services/user.js b/server/services/user.js index ce8c6b3c65..4e55ec71f6 100644 --- a/server/services/user.js +++ b/server/services/user.js @@ -52,7 +52,7 @@ export default function userServices() { ..._.pick(user, userPropsForSession), isEmailVerified: !!user.emailVerified, isGithub: !!user.githubProfile, - isLinkedIn: !!user.linkedIn, + isLinkedIn: !!user.linkedin, isTwitter: !!user.twitter, isWebsite: !!user.website, ...normaliseUserFields(user)