From 6eb589444a555234a8cc6bf5fe97175ce379c9e6 Mon Sep 17 00:00:00 2001
From: Kailash Nadh <kailash@nadh.in>
Date: Fri, 17 Sep 2021 22:20:56 +0530
Subject: [PATCH] Fix 'Analytics' menu item not getting highlighted.

---
 frontend/src/App.vue                     | 2 +-
 frontend/src/views/CampaignAnalytics.vue | 5 ++++-
 2 files changed, 5 insertions(+), 2 deletions(-)

diff --git a/frontend/src/App.vue b/frontend/src/App.vue
index 4cae158..93af3f0 100644
--- a/frontend/src/App.vue
+++ b/frontend/src/App.vue
@@ -82,7 +82,7 @@
                     icon="file-image-outline" :label="$t('globals.terms.templates')"></b-menu-item>
 
                   <b-menu-item :to="{name: 'campaignAnalytics'}" tag="router-link"
-                    :active="activeItem.analytics" data-cy="analytics"
+                    :active="activeItem.campaignAnalytics" data-cy="analytics"
                     icon="chart-bar" :label="$t('globals.terms.analytics')"></b-menu-item>
                 </b-menu-item><!-- campaigns -->
 
diff --git a/frontend/src/views/CampaignAnalytics.vue b/frontend/src/views/CampaignAnalytics.vue
index 3470588..285aa05 100644
--- a/frontend/src/views/CampaignAnalytics.vue
+++ b/frontend/src/views/CampaignAnalytics.vue
@@ -48,7 +48,10 @@
       <div class="chart columns" v-for="(v, k) in charts" :key="k">
         <div class="column is-9">
           <b-loading v-if="v.loading" :active="v.loading" :is-full-page="false" />
-          <h4 v-if="v.chart !== null">{{ v.name }} ({{ counts[k] }})</h4>
+          <h4 v-if="v.chart !== null">
+            {{ v.name }}
+            <span class="has-text-grey-light">({{ $utils.niceNumber(counts[k]) }})</span>
+          </h4>
           <div :ref="`chart-${k}`" :id="`chart-${k}`"></div>
         </div>
         <div class="column is-2 donut-container">