diff --git a/common/app/components/Nav/Avatar-Points-Nav-Item.jsx b/common/app/components/Nav/Avatar-Points-Nav-Item.jsx index 098d538503..9dfad58445 100644 --- a/common/app/components/Nav/Avatar-Points-Nav-Item.jsx +++ b/common/app/components/Nav/Avatar-Points-Nav-Item.jsx @@ -3,7 +3,7 @@ import { Link } from 'react-router'; // this is separated out to prevent react bootstrap's // NavBar from injecting unknown props to the li component -export default function AvatarPointsNavItem({ picture, points }) { +export default function AvatarPointsNavItem({ picture, points, username }) { return (
  • - [ { points || 1 } ] + { username } + [ { points || 1 } ] ); } else { diff --git a/server/views/partials/navbar.jade b/server/views/partials/navbar.jade index 73b8e1af90..45fe1c4b4a 100644 --- a/server/views/partials/navbar.jade +++ b/server/views/partials/navbar.jade @@ -24,7 +24,9 @@ nav.navbar.navbar-default.navbar-fixed-top.nav-height a(href='/signup') Sign Up else li.avatar-points - a(href='/settings') - span.brownie-points-nav [ #{user.points} ] - span.hidden-xs.hidden-sm.avatar - img.profile-picture.float-right(src='#{user.picture}') + a(href='/settings') + span.brownie-points-nav + span.hidden-md.hidden-lg #{user.username} + span.brownie-points [ #{user.points} ] + span.hidden-xs.hidden-sm.avatar + img.profile-picture.float-right(src='#{user.picture}')