diff --git a/app/internal_packages/participant-profile/lib/sidebar-participant-profile.tsx b/app/internal_packages/participant-profile/lib/sidebar-participant-profile.tsx index 72f0ff42c..8b62d1937 100644 --- a/app/internal_packages/participant-profile/lib/sidebar-participant-profile.tsx +++ b/app/internal_packages/participant-profile/lib/sidebar-participant-profile.tsx @@ -104,14 +104,15 @@ class ProfilePictureOrColorBox extends React.Component<{ ); } } -class SocialProfileLink extends React.Component<{ handle: string; service: string }> { +class SocialProfileLink extends React.Component<{ handle: string; service: string, hostname: string }> { static propTypes = { service: PropTypes.string, handle: PropTypes.string, + hostname: PropTypes.string, }; render() { - const { handle, service } = this.props; + const { handle, service, hostname } = this.props; if (!handle) { return false; @@ -119,8 +120,8 @@ class SocialProfileLink extends React.Component<{ handle: string; service: strin return (
- - - - + + + +
@@ -513,9 +514,9 @@ export default class SidebarParticipantProfile extends React.Component<
- - - + + +
diff --git a/app/internal_packages/participant-profile/styles/participant-profile.less b/app/internal_packages/participant-profile/styles/participant-profile.less index 69dd6c2f5..0c77546c7 100644 --- a/app/internal_packages/participant-profile/styles/participant-profile.less +++ b/app/internal_packages/participant-profile/styles/participant-profile.less @@ -117,6 +117,7 @@ } .social-profile-item { margin: 0 10px; + cursor: pointer; &:first-child { margin-left: 0; }