Prace s mapu, zobrazeni GPX, editace kopilota, skeletony

src/layouts/ProfileLayout.vue

@@ -26,11 +26,19 @@
 
       <q-img class="absolute-top" src="https://galerie.kvacek.cz/_data/i/upload/2022/06/22/20220622102027-b104fc0d-me.jpg" style="height: 150px">
         <div class="absolute-bottom bg-transparent">
-          <q-avatar size="56px" class="q-mb-sm">
-            <q-img :src="loggedUser.avatarImageUrl"/>
-          </q-avatar>
+          <router-link :to="{name: 'profile'}">
+            <q-avatar size="56px" class="q-mb-sm" v-if="loggedUser.avatarImageUrl">
+              <q-img :src="loggedUser.avatarImageUrl"/>
+            </q-avatar>
+            <q-avatar icon="person" color="primary" text-color="white" size="56px" v-else/>
+          </router-link>
 
-          <div class="text-weight-bold">{{ loggedUser.name }}</div>
+          <router-link
+            v-if="loggedUser.name !== ''"
+            :to="{name: 'profile'}"
+            class="text-weight-bold">
+            {{ loggedUser.name }}
+          </router-link>
         </div>
       </q-img>
       <q-scroll-area style="height: calc(100% - 150px); margin-top: 150px; border-right: 1px solid #ddd">
@@ -47,7 +55,7 @@
     </q-drawer>
 
     <q-page-container class="q-px-md">
-      <BreadcrumbsNavigation class="q-my-md" :items="breadcrumbs"/>
+      <BreadcrumbsNavigation class="q-mx-md q-my-md" :items="breadcrumbs"/>
       <router-view/>
     </q-page-container>
   </q-layout>
@@ -94,7 +102,7 @@ const linksList = [
   {
     title: 'Spolucestující',
     icon: "people",
-    to: {name: "pilots"}
+    to: {name: "copilots"}
   },
 ]
 
@@ -103,9 +111,8 @@ const toggleLeftDrawer = () => {
   leftDrawerOpen.value = !leftDrawerOpen.value
 };
 
-const loggedUserStore = useUserStore();
 onMounted(() => {
-  loggedUserStore.setupCredentials();
+  useUserStore().setupCredentials();
 })
-const loggedUser = storeToRefs(loggedUserStore).user;
+const loggedUser = storeToRefs(useUserStore()).user;
 </script>