From 21e265e94e77a2ebe562fdb272dcac1eda052c4a Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 15 Nov 2022 12:54:03 +0100
Subject: [PATCH] Avoid some subscription status flicker in navbar

---
 src/index.html | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/src/index.html b/src/index.html
index f961908fd..9cc97fa04 100644
--- a/src/index.html
+++ b/src/index.html
@@ -147,8 +147,9 @@
                   <ul class="nav navbar-nav navbar-right" ng-hide="hideNavBarActions">
                     <li ng-show="user.isAtLeastOwner && (subscription.plan.id === 'free' || subscription.plan.id === 'expired')">
                       <a ng-click="openSubscriptionSetup()" style="cursor: pointer">
-                        <span class="badge badge-success" ng-show="subscription.plan.id === 'free'">{{ 'settings.appstoreAccount.subscriptionSetupAction' | tr }}</span>
-                        <span class="badge badge-danger"  ng-show="subscription.plan.id !== 'free'">{{ 'settings.appstoreAccount.subscriptionReactivateAction' | tr }}</span>
+                        <span class="badge" ng-class="{'badge-danger': subscription.plan.id !== 'free', 'badge-success': subscription.plan.id === 'free' }">
+                          {{ subscription.plan.id === 'free' ? ('settings.appstoreAccount.subscriptionSetupAction' | tr) : ('settings.appstoreAccount.subscriptionReactivateAction' | tr) }}
+                        </span>
                       </a>
                     </li>
                     <li ng-show="!user.isAtLeastOwner && subscription.plan.id === 'expired'">