From 0eed6405d2221f663f43baaac2481cefa55e1d3b Mon Sep 17 00:00:00 2001
From: Alex Gleason <alex@alexgleason.me>
Date: Mon, 13 Sep 2021 13:14:15 -0500
Subject: [PATCH] ProfileStats: prettify code

---
 .../features/ui/components/profile_stats.js   | 23 +++++++++++++------
 app/styles/components/sidebar-menu.scss       | 12 +++++-----
 2 files changed, 22 insertions(+), 13 deletions(-)

diff --git a/app/soapbox/features/ui/components/profile_stats.js b/app/soapbox/features/ui/components/profile_stats.js
index 2533c581d..03f6dfc52 100644
--- a/app/soapbox/features/ui/components/profile_stats.js
+++ b/app/soapbox/features/ui/components/profile_stats.js
@@ -29,14 +29,23 @@ class ProfileStats extends React.PureComponent {
     const acct = account.get('acct');
 
     return (
-      <div className='sidebar-menu-profile__stats'>
-        <NavLink className='sidebar-menu-profile-stat' to={`/@${acct}/followers`} onClick={this.handleClose} title={intl.formatNumber(account.get('followers_count'))}>
-          <strong className='sidebar-menu-profile-stat__value'>{shortNumberFormat(account.get('followers_count'))}</strong>
-          <span className='sidebar-menu-profile-stat__label'>{intl.formatMessage(messages.followers)}</span>
+      <div className='profile-stats'>
+        <NavLink className='profile-stat' to={`/@${acct}/followers`} onClick={this.handleClose} title={intl.formatNumber(account.get('followers_count'))}>
+          <strong className='profile-stat__value'>
+            {shortNumberFormat(account.get('followers_count'))}
+          </strong>
+          <span className='profile-stat__label'>
+            {intl.formatMessage(messages.followers)}
+          </span>
         </NavLink>
-        <NavLink className='sidebar-menu-profile-stat' to={`/@${acct}/following`} onClick={this.handleClose} title={intl.formatNumber(account.get('following_count'))}>
-          <strong className='sidebar-menu-profile-stat__value'>{shortNumberFormat(account.get('following_count'))}</strong>
-          <span className='sidebar-menu-profile-stat__label'>{intl.formatMessage(messages.follows)}</span>
+
+        <NavLink className='profile-stat' to={`/@${acct}/following`} onClick={this.handleClose} title={intl.formatNumber(account.get('following_count'))}>
+          <strong className='profile-stat__value'>
+            {shortNumberFormat(account.get('following_count'))}
+          </strong>
+          <span className='profile-stat__label'>
+            {intl.formatMessage(messages.follows)}
+          </span>
         </NavLink>
       </div>
     );
diff --git a/app/styles/components/sidebar-menu.scss b/app/styles/components/sidebar-menu.scss
index 6f4c0306a..8c3623af8 100644
--- a/app/styles/components/sidebar-menu.scss
+++ b/app/styles/components/sidebar-menu.scss
@@ -129,14 +129,14 @@
       padding-left: 10px;
     }
   }
-
-  &__stats {
-    display: flex;
-    margin-top: 12px;
-  }
 }
 
-.sidebar-menu-profile-stat {
+.profile-stats {
+  display: flex;
+  margin-top: 12px;
+}
+
+.profile-stat {
   display: flex;
   font-size: 14px;
   text-decoration: none;