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',

resources/js/store/modules/userAuth.js

@@ -37,13 +37,26 @@ const actions = {
             })
         }, 300)
 
-        axios.post('/logout').then(() => {
-            clearTimeout(popup)
-            commit('DESTROY_DATA')
-            commit('SET_AUTHORIZED', false)
+        axios
+            .post('/logout')
+            .then(() => {
+                clearTimeout(popup)
 
-            router.push({ name: 'Homepage' })
-        })
+                commit('DESTROY_DATA')
+                commit('SET_AUTHORIZED', false)
+
+                router.push({name: 'Homepage'})
+            })
+            .catch((error) => {
+                if (error.response.status === 419) {
+                    clearTimeout(popup)
+
+                    commit('DESTROY_DATA')
+                    commit('SET_AUTHORIZED', false)
+
+                    router.push({name: 'Homepage'})
+                }
+            })
     },
     socialiteRedirect: ({ commit }, provider) => {
         axios

resources/js/views/Admin/PaymentSettings/PaymentSettingsTab/Payments.vue

@@ -650,7 +650,7 @@ export default {
             })
         },
         getWebhookEndpoint(service) {
-            return `${this.config.host}/api/subscriptions/${service}/webhook`
+            return `${this.config.host}/api/subscriptions/${service}/webhooks`
         },
     },
     created() {