Payment setting frontend part 2 - payment setup front/backend

resources/js/components/Others/MobileNavigation.vue

@@ -4,7 +4,7 @@
         <!--User avatar-->
         <UserHeadline v-if="!clickedSubmenu" class="user-info" />
 
-		<div v-if="config.subscriptionType === 'metered'" class="block px-5 pt-2">
+		<div v-if="config.subscriptionType === 'metered' && user" class="block px-5 pt-2">
 			<div class="bg-light-background px-3 py-1.5 rounded-lg">
 				<span class="text-sm font-semibold">
 					{{ $t('Your current estimated usage:') }}

resources/js/components/Others/SelectSingleChargeMethodPopup.vue

@@ -5,7 +5,10 @@
         <PopupContent style="padding: 0 20px">
 
 			<!--PayPal implementation-->
-			<div v-if="config.isPayPal" :class="{'dark:bg-2x-dark-foreground bg-light-background rounded-xl px-4 mb-2': paypalMethodsLoaded}">
+			<div
+				v-if="config.isPayPal"
+				:class="{'dark:bg-2x-dark-foreground bg-light-background rounded-xl px-4 mb-2': paypalMethodsLoaded}"
+			>
 				<PaymentMethod
 					@click.native="pickedPaymentMethod('paypal')"
 					driver="paypal"

resources/js/components/Others/UpgradeSidebarBanner.vue

@@ -8,7 +8,7 @@
             <p v-if="storage.used > 95" class="reach-capacity">{{ $t('upgrade_banner.title') }}</p>
             <p v-else class="reach-capacity">{{ $t('upgrade_banner.description') }}</p>
         </div>
-        <div v-if="config.app_payments_active" class="footer">
+        <div v-if="config.app_allowed_payments" class="footer">
             <router-link :to="{name: 'UpgradePlan'}" class="button">
                 {{ $t('upgrade_banner.button') }}
             </router-link>