From 8c45a5a714ce137fe5b1f54b05bcf9a1b22ac1d3 Mon Sep 17 00:00:00 2001
From: Bnyro <yannick.fehler@web.de>
Date: Wed, 27 Jul 2022 07:52:25 +0200
Subject: [PATCH] show channel count in subscriptions page

---
 src/components/SubscriptionsPage.vue | 14 ++++++++------
 src/locales/en.json                  |  3 +++
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/SubscriptionsPage.vue b/src/components/SubscriptionsPage.vue
index 7e002064..3682c5bb 100644
--- a/src/components/SubscriptionsPage.vue
+++ b/src/components/SubscriptionsPage.vue
@@ -1,12 +1,14 @@
 <template>
     <h1 class="font-bold text-center" v-t="'titles.subscriptions'" />
 
-    <div v-if="authenticated">
-        <button class="btn mr-0.5">
-            <router-link to="/import" v-t="'actions.import_from_json'" />
-        </button>
-
-        <button class="btn" @click="exportHandler" v-t="'actions.export_to_json'" />
+    <div v-if="authenticated" class="flex justify-between w-full">
+        <div>
+            <button class="btn mr-0.5">
+                <router-link to="/import" v-t="'actions.import_from_json'" />
+            </button>
+            <button class="btn" @click="exportHandler" v-t="'actions.export_to_json'" />
+        </div>
+        <i18n-t keypath="subscriptions.subscribed_channels_count">{{ subscriptions.length }}</i18n-t>
     </div>
     <hr />
 
diff --git a/src/locales/en.json b/src/locales/en.json
index bae35a00..8f291a55 100644
--- a/src/locales/en.json
+++ b/src/locales/en.json
@@ -129,5 +129,8 @@
         "music_videos": "YT Music: Videos",
         "music_albums": "YT Music: Albums",
         "music_playlists": "YT Music: Playlists"
+    },
+    "subscriptions": {
+        "subscribed_channels_count": "Subscribed to: {0}"
     }
 }