From acc691851da6c8171eaf2429f4644d79cb10e62f Mon Sep 17 00:00:00 2001
From: Ash Furrow <ash@ashfurrow.com>
Date: Tue, 25 Apr 2017 04:45:27 +0200
Subject: [PATCH] Username above toot box UI changes (#2418)

* Makes username above toot box into a link.

* Prepends username above toot box with an @.
---
 .../components/features/compose/components/navigation_bar.jsx | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

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 f3329133de..aae0592c68 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>