diff --git a/client/src/components/profile/components/Camper.js b/client/src/components/profile/components/Camper.js
index 49d1f291e40..43ac80e1d22 100644
--- a/client/src/components/profile/components/Camper.js
+++ b/client/src/components/profile/components/Camper.js
@@ -81,6 +81,7 @@ function Camper({
isWebsite={isWebsite}
linkedin={linkedin}
twitter={twitter}
+ username={username}
website={website}
/>
diff --git a/client/src/components/profile/components/SocialIcons.js b/client/src/components/profile/components/SocialIcons.js
index fbadd2be7ad..54a4ff7e8b9 100644
--- a/client/src/components/profile/components/SocialIcons.js
+++ b/client/src/components/profile/components/SocialIcons.js
@@ -21,36 +21,57 @@ const propTypes = {
linkedin: PropTypes.string,
show: PropTypes.bool,
twitter: PropTypes.string,
+ username: PropTypes.string,
website: PropTypes.string
};
-function LinkedInIcon(linkedIn) {
+function LinkedInIcon(linkedIn, username) {
return (
-
+
);
}
-function GithubIcon(ghURL) {
+function GithubIcon(ghURL, username) {
return (
-
+
);
}
-function WebsiteIcon(website) {
+function WebsiteIcon(website, username) {
return (
-
+
);
}
-function TwitterIcon(handle) {
+function TwitterIcon(handle, username) {
return (
-
+
);
@@ -65,6 +86,7 @@ function SocialIcons(props) {
isWebsite,
linkedin,
twitter,
+ username,
website
} = props;
const show = isLinkedIn || isGithub || isTwitter || isWebsite;
@@ -75,10 +97,10 @@ function SocialIcons(props) {
return (
- {isLinkedIn ? LinkedInIcon(linkedin) : null}
- {isGithub ? GithubIcon(githubProfile) : null}
- {isWebsite ? WebsiteIcon(website) : null}
- {isTwitter ? TwitterIcon(twitter) : null}
+ {isLinkedIn ? LinkedInIcon(linkedin, username) : null}
+ {isGithub ? GithubIcon(githubProfile, username) : null}
+ {isWebsite ? WebsiteIcon(website, username) : null}
+ {isTwitter ? TwitterIcon(twitter, username) : null}
);