From d1b651a83c793a5434d3ed02e4eb93bec6b434a9 Mon Sep 17 00:00:00 2001
From: silverpill <silverpill@firemail.cc>
Date: Fri, 20 Jan 2023 20:03:30 +0000
Subject: [PATCH] Show number of subscribers on subscription settings page

---
 CHANGELOG.md                                    | 4 ++++
 src/components/SubscriptionSettingsEthereum.vue | 7 +++++--
 src/components/SubscriptionSettingsMonero.vue   | 7 +++++--
 3 files changed, 14 insertions(+), 4 deletions(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 8ee98d8..185518f 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/).
 
 ## [Unreleased]
 
+### Added
+
+- Show number of subscribers on subscription settings page.
+
 ### Fixed
 
 - Show full date and time in post timestamp tooltip.
diff --git a/src/components/SubscriptionSettingsEthereum.vue b/src/components/SubscriptionSettingsEthereum.vue
index 2889fa3..bbaac2c 100644
--- a/src/components/SubscriptionSettingsEthereum.vue
+++ b/src/components/SubscriptionSettingsEthereum.vue
@@ -14,11 +14,14 @@
     <div class="info" v-if="subscriptionsEnabled !== null">
       <template v-if="subscriptionConfig && subscriptionOption !== null">
         <span>Subscriptions are enabled</span>
-        <div class="price">
+        <div class="info-item">
           {{ subscriptionConfig.pricePerMonth }}
           {{ subscriptionConfig.tokenSymbol }}
           per month
         </div>
+        <div class="info-item">
+          {{ ensureCurrentUser().subscribers_count }} subscribers
+        </div>
       </template>
       <template v-else>
         Subscriptions are not enabled
@@ -334,7 +337,7 @@ async function onWithdrawReceived() {
   gap: calc($block-inner-padding / 2);
   padding: $block-inner-padding;
 
-  .price {
+  .info-item {
     font-size: 16px;
     font-weight: bold;
   }
diff --git a/src/components/SubscriptionSettingsMonero.vue b/src/components/SubscriptionSettingsMonero.vue
index eca5479..ea08bc7 100644
--- a/src/components/SubscriptionSettingsMonero.vue
+++ b/src/components/SubscriptionSettingsMonero.vue
@@ -3,9 +3,12 @@
     <div class="info" v-if="subscriptionOptionLoaded">
       <template v-if="subscriptionOption !== null">
         <span>Subscriptions are enabled</span>
-        <div class="price">
+        <div class="info-item">
           {{ getPricePerMonth(subscriptionOption.price) }} XMR per month
         </div>
+        <div class="info-item">
+          {{ ensureCurrentUser().subscribers_count }} subscribers
+        </div>
       </template>
       <template v-else>
         Subscriptions are not enabled
@@ -157,7 +160,7 @@ async function saveSubscriptionSettings() {
   gap: calc($block-inner-padding / 2);
   padding: $block-inner-padding;
 
-  .price {
+  .info-item {
     font-size: 16px;
     font-weight: bold;
   }