From c28feade904052f858020bd278783d9d6c9b6a19 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Michal=20Kv=C3=A1=C4=8Dek?= <michal.kvacek@performax.cz>
Date: Thu, 1 Feb 2024 07:21:03 +0100
Subject: [PATCH] Drobna uprava refreshe loginu

---
 src/layouts/ProfileLayout.vue            |  1 -
 src/pages/profile/ProfileRefreshPage.vue | 21 ++++++++++-----------
 2 files changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/layouts/ProfileLayout.vue b/src/layouts/ProfileLayout.vue
index 43ecb8b..0f6185f 100644
--- a/src/layouts/ProfileLayout.vue
+++ b/src/layouts/ProfileLayout.vue
@@ -23,7 +23,6 @@
     <q-drawer
       v-model="leftDrawerOpen"
       show-if-above
-      bordered
     >
       <q-img
         fit="cover"
diff --git a/src/pages/profile/ProfileRefreshPage.vue b/src/pages/profile/ProfileRefreshPage.vue
index ba70007..dbd2358 100644
--- a/src/pages/profile/ProfileRefreshPage.vue
+++ b/src/pages/profile/ProfileRefreshPage.vue
@@ -1,6 +1,6 @@
 <script setup>
 import {useRoute, useRouter} from "vue-router";
-import {computed, onMounted, ref} from "vue";
+import {computed, onBeforeMount, onUnmounted, ref} from "vue";
 import {useAuthStore} from "stores/Auth";
 
 const $route = useRoute();
@@ -8,22 +8,23 @@ const $router = useRouter();
 
 const url = computed(() => $route.query.url || '/moje');
 const showLoginInfo = ref(false);
+const defaultRedirectTimeout = ref(null);
 
-onMounted(() => {
-  useAuthStore().refreshAccessToken().then(() => {
-    $router.push(url.value)
-  }).catch(e => {
-    $router.push({name: "login"})
-  });
+onBeforeMount(() => {
+  useAuthStore().refreshAccessToken()
+    .then(() => $router.push(url.value))
+    .catch(e => $router.push({name: "login"}));
 
   setTimeout(() => showLoginInfo.value = true, 1000);
-  setTimeout(() => $router.push(url.value), 10000);
+  defaultRedirectTimeout.value = setTimeout(() => $router.push(url.value), 10000);
 });
 
+onUnmounted(() => {
+  clearTimeout(defaultRedirectTimeout.value);
+})
 </script>
 
 <template>
-
   <div class="row justify-center">
     <div class="col-sm-12 col-4">
       <transition
@@ -45,8 +46,6 @@ onMounted(() => {
           </q-card-actions>
         </q-card>
       </transition>
-
     </div>
   </div>
-
 </template>