From 3dfbe4813e201fbdfdf6941743cc91797a97487b Mon Sep 17 00:00:00 2001
From: silverpill <silverpill@firemail.cc>
Date: Tue, 13 Sep 2022 17:49:59 +0000
Subject: [PATCH] Add link to subscriptions settings page to sidebar

---
 src/components/Sidebar.vue | 25 ++++++++++++++++++++-----
 1 file changed, 20 insertions(+), 5 deletions(-)

diff --git a/src/components/Sidebar.vue b/src/components/Sidebar.vue
index 374aba2..8b62c79 100644
--- a/src/components/Sidebar.vue
+++ b/src/components/Sidebar.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="isUserAuthenticated" class="sidebar">
+  <div v-if="isUserAuthenticated()" class="sidebar">
     <router-link class="sidebar-link" to="/notifications">
       <div class="icon">
         <img :src="require('@/assets/feather/bell.svg')">
@@ -15,6 +15,14 @@
       <div class="icon"><img :src="require('@/assets/feather/users.svg')"></div>
       <span>Profile directory</span>
     </router-link>
+    <router-link
+      v-if="isSubscriptionsFeatureEnabled()"
+      class="sidebar-link"
+      :to="{ name: 'subscriptions-settings' }"
+    >
+      <div class="icon"><img :src="require('@/assets/tabler/coin.svg')"></div>
+      <span>Subscriptions</span>
+    </router-link>
     <router-link class="sidebar-link" to="/about">
       <div class="icon"><img :src="require('@/assets/feather/help-circle.svg')"></div>
       <span>About</span>
@@ -33,26 +41,33 @@ import { useRouter } from "vue-router"
 
 import { useNotifications } from "@/store/notifications"
 import { useCurrentUser } from "@/store/user"
+import { useInstanceInfo } from "@/store/instance"
 
 const router = useRouter()
-const { loadNotifications, getUnreadNotificationCount } = $(useNotifications())
 const { currentUser, setCurrentUser, ensureAuthToken, setAuthToken } = $(useCurrentUser())
+const { instance } = $(useInstanceInfo())
+const { loadNotifications, getUnreadNotificationCount } = $(useNotifications())
 
 onMounted(async () => {
-  if (isUserAuthenticated) {
+  if (isUserAuthenticated()) {
     // TODO: reload notifications periodically
     await loadNotifications(ensureAuthToken())
   }
 })
 
-const isUserAuthenticated = $computed<boolean>(() => {
+function isUserAuthenticated(): boolean {
   return currentUser !== null
-})
+}
 
 const unreadNotificationCount = $computed<number>(() => {
   return getUnreadNotificationCount()
 })
 
+function isSubscriptionsFeatureEnabled(): boolean {
+  const blockchain = instance?.blockchains[0]
+  return Boolean(blockchain?.features.subscriptions)
+}
+
 function logout() {
   setCurrentUser(null)
   setAuthToken(null)