From: Ash Furrow <ash@ashfurrow.com>
Date: Tue, 25 Apr 2017 02:45:27 +0000 (+0200)
Subject: Username above toot box UI changes (#2418)
X-Git-Url: https://git.xn--scling-oua.cat.family/?a=commitdiff_plain;h=acc691851da6c8171eaf2429f4644d79cb10e62f;p=mastodon.git

Username above toot box UI changes (#2418)

* Makes username above toot box into a link.

* Prepends username above toot box with an @.
---

diff --git a/app/assets/javascripts/components/features/compose/components/navigation_bar.jsx b/app/assets/javascripts/components/features/compose/components/navigation_bar.jsx
index f3329133d..aae0592c6 100644
--- a/app/assets/javascripts/components/features/compose/components/navigation_bar.jsx
+++ b/app/assets/javascripts/components/features/compose/components/navigation_bar.jsx
@@ -14,7 +14,9 @@ class NavigationBar extends React.PureComponent {
         <Permalink href={this.props.account.get('url')} to={`/accounts/${this.props.account.get('id')}`}><Avatar src={this.props.account.get('avatar')} animate size={40} /></Permalink>
 
         <div className='navigation-bar__profile'>
-          <strong className='navigation-bar__profile-account'>{this.props.account.get('acct')}</strong>
+          <Permalink href={this.props.account.get('url')} to={`/accounts/${this.props.account.get('id')}`}>
+            <strong className='navigation-bar__profile-account'>@{this.props.account.get('acct')}</strong>
+          </Permalink>
           <a href='/settings/profile' className='navigation-bar__profile-edit'><FormattedMessage id='navigation_bar.edit_profile' defaultMessage='Edit profile' /></a>
         </div>
       </div>