fixes part 6

resources/js/components/FilesView/MemberAvatar.vue

@@ -10,7 +10,7 @@
                     'border-3 border-white dark:border-dark-background': isBorder,
                 },
             ]"
-            class="object-cover"
+            class="object-cover mx-auto"
         />
         <div
             v-else

resources/js/components/Sidebar/SidebarNavigation.vue

@@ -5,12 +5,12 @@
     >
         <!--Navigation-->
         <div v-if="user" class="mb-auto text-center">
-            <MemberAvatar class="mx-auto inline-block" :size="44" :is-border="false" :member="user" />
+            <MemberAvatar class="mx-auto" :size="44" :is-border="false" :member="user" />
 
             <!--Usage-->
             <div
                 v-if="config.subscriptionType === 'metered' && user.data.meta.usages"
-                class="mt-1 text-center leading-3"
+                class="mt-2.5 text-center leading-3"
             >
                 <b class="text-theme block text-xs font-bold leading-3">
                     {{ user.data.meta.usages.costEstimate }}

resources/js/components/Subscription/SelectPlanSubscriptionPopup.vue

@@ -114,9 +114,8 @@
                         v-for="(plan, i) in plans.data"
                         :plan="plan"
                         :key="plan.data.id"
-                        v-if="
-                            plan.data.attributes.interval === intervalPlanType && userSubscribedPlanId !== plan.data.id
-                        "
+                        v-if="plan.data.attributes.interval === intervalPlanType"
+                        :class="{'opacity-50 pointer-events-none': userSubscribedPlanId === plan.data.id}"
                         :is-selected="selectedPlan && selectedPlan.data.id === plan.data.id"
                         @click.native="selectPlan(plan)"
                     />
@@ -281,6 +280,9 @@ export default {
                 type: 'success',
                 message: this.$t('Your payment was successfully received.'),
             })
+
+			// todo: temporary reload function
+			setTimeout(() => document.location.reload(), 1000)
         },
         paystackClosed() {
             // ...

resources/js/components/Subscription/UserEditSubscription.vue

@@ -90,9 +90,7 @@ export default {
                     .post('/api/subscriptions/cancel')
                     .then(() => {
                         // Update user data
-                        this.$store.dispatch('getAppData').then(() => {
-                            this.fetchSubscriptionDetail()
-                        })
+                        this.$store.dispatch('getAppData')
 
                         events.$emit('toaster', {
                             type: 'success',