From 1f5898b67d4d9f5095fda8773aeda7234d37a1ea Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Sun, 2 Aug 2020 18:39:32 -0500
Subject: [PATCH] Bring HoverCard out of NavLink

---
 app/soapbox/components/status.js                          | 5 ++---
 app/soapbox/features/status/components/detailed_status.js | 5 ++---
 2 files changed, 4 insertions(+), 6 deletions(-)

diff --git a/app/soapbox/components/status.js b/app/soapbox/components/status.js
index daeaf930f..1ad324f47 100644
--- a/app/soapbox/components/status.js
+++ b/app/soapbox/components/status.js
@@ -465,10 +465,9 @@ class Status extends ImmutablePureComponent {
                   <div className='status__avatar'>
                     {statusAvatar}
                   </div>
-                  <DisplayName account={status.get('account')} others={otherAccounts}>
-                    <ProfileHoverCardContainer accountId={status.getIn(['account', 'id'])} visible={!isMobile(window.innerWidth) && profileCardVisible} />
-                  </DisplayName>
+                  <DisplayName account={status.get('account')} others={otherAccounts} />
                 </NavLink>
+                <ProfileHoverCardContainer accountId={status.getIn(['account', 'id'])} visible={!isMobile(window.innerWidth) && profileCardVisible} />
               </div>
             </div>
 
diff --git a/app/soapbox/features/status/components/detailed_status.js b/app/soapbox/features/status/components/detailed_status.js
index bd3b0bd64..79ad209ce 100644
--- a/app/soapbox/features/status/components/detailed_status.js
+++ b/app/soapbox/features/status/components/detailed_status.js
@@ -173,10 +173,9 @@ export default class DetailedStatus extends ImmutablePureComponent {
           <div className='detailed-status__profile' onMouseEnter={this.handleProfileHover} onMouseLeave={this.handleProfileLeave}>
             <NavLink to={`/@${status.getIn(['account', 'acct'])}`} className='detailed-status__display-name'>
               <div className='detailed-status__display-avatar'><Avatar account={status.get('account')} size={48} /></div>
-              <DisplayName account={status.get('account')}>
-                <ProfileHoverCardContainer accountId={status.getIn(['account', 'id'])} visible={!isMobile(window.innerWidth) && profileCardVisible} />
-              </DisplayName>
+              <DisplayName account={status.get('account')} />
             </NavLink>
+            <ProfileHoverCardContainer accountId={status.getIn(['account', 'id'])} visible={!isMobile(window.innerWidth) && profileCardVisible} />
           </div>
 
           {status.get('group') && (