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)