From b686d8bff9aedbdf7c62614294797e6e7af0f39e Mon Sep 17 00:00:00 2001
From: Vignesh Joglekar <rexvigasaurus@gmail.com>
Date: Mon, 25 Apr 2022 02:57:56 -0500
Subject: [PATCH] Re-adds underline to selected top stat (#1849)

---
 assets/js/dashboard/stats/graph/top-stats.js | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/assets/js/dashboard/stats/graph/top-stats.js b/assets/js/dashboard/stats/graph/top-stats.js
index 1f1d146e1..2e86f67d6 100644
--- a/assets/js/dashboard/stats/graph/top-stats.js
+++ b/assets/js/dashboard/stats/graph/top-stats.js
@@ -70,9 +70,9 @@ export default class TopStats extends React.Component {
             (
               <div className={`px-4 md:px-6 w-1/2 my-4 lg:w-auto group cursor-pointer select-none ${border}`} onClick={() => { updateMetric(METRIC_MAPPING[stat.name]) }} tabIndex={0} title={this.titleFor(stat)}>
                 <div
-                  className={`text-xs font-bold tracking-wide text-gray-500 uppercase dark:text-gray-400 whitespace-nowrap flex w-content ${isSelected ? 'text-indigo-700 dark:text-indigo-500 border-indigo-700 dark:border-indigo-500' : 'group-hover:text-indigo-700 dark:group-hover:text-indigo-500'}`}>
+                  className={`text-xs font-bold tracking-wide text-gray-500 uppercase dark:text-gray-400 whitespace-nowrap flex w-content ${isSelected ? 'text-indigo-700 dark:text-indigo-500 border-b border-indigo-700 dark:border-indigo-500' : 'group-hover:text-indigo-700 dark:group-hover:text-indigo-500'}`}>
                   {statDisplayName}
-                  <span className="hidden sm:inline-block ml-1">{statExtraName}</span>
+                  {statExtraName && <span className="hidden sm:inline-block ml-1">{statExtraName}</span>}
                 </div>
                 { this.renderStat(stat) }
               </div>