From 71031d0a6d9b17bd82c19be9de2a34ad3e99237b Mon Sep 17 00:00:00 2001
From: Julien Nahum <julien@nahum.net>
Date: Mon, 3 Jun 2024 12:05:18 +0200
Subject: [PATCH] Style new changes badge

---
 client/components/global/Navbar.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/client/components/global/Navbar.vue b/client/components/global/Navbar.vue
index 86216868..ba6ae48e 100644
--- a/client/components/global/Navbar.vue
+++ b/client/components/global/Navbar.vue
@@ -38,7 +38,11 @@
               class="text-sm text-gray-600 dark:text-white hidden sm:inline hover:text-gray-800 cursor-pointer mt-1 mr-8"
               @click.prevent="openChangelog"
             >
-              What's new? <span id="fb-update-badge" />
+              What's new? <span
+                v-if="hasNewChanges"
+                id="fb-update-badge"
+                class="bg-blue-500 rounded-full px-2 ml-1 text-white"
+              />
             </button>
             <a
               v-else
@@ -68,7 +72,7 @@
             <span v-if="user">Upgrade</span>
             <span v-else>Pricing</span>
           </NuxtLink>
-          
+
           <NuxtLink
             :href="helpUrl"
             class="text-sm text-gray-600 dark:text-white hover:text-gray-800 cursor-pointer mt-1"
@@ -332,6 +336,10 @@ export default {
         this.config.public.crispWebsiteId !== ""
       )
     },
+    hasNewChanges() {
+      if (import.meta.server) return false
+      return window.Featurebase("unviewed_changelog_count") > 0
+    },
   },
 
   methods: {