Bugfixing, dotazeni uprav s uvodni fotkou

src/components/ContentCard.vue

@@ -17,16 +17,18 @@ const props = defineProps({
 <template>
   <q-card class="flight-detail-card q-mb-lg">
     <TitlePhotoWithGallery
-      v-if="titlePhoto"
-      :photo="titlePhoto"
-      :title="title"
+        v-if="titlePhoto"
+        :photo="titlePhoto"
+        :title="title"
     />
+    <q-card-section v-else-if="title && title !== ''">
+      <h3>{{ title }}</h3>
+    </q-card-section>
 
     <q-card-actions>
-      <slot name="actions" />
+      <slot name="actions"/>
     </q-card-actions>
 
     <slot name="content"/>
-
   </q-card>
 </template>

src/components/ContentCardEditButton.vue

@@ -0,0 +1,22 @@
+<script setup>
+const props = defineProps({
+  to: {
+    type: Object,
+    required: true
+  },
+  label: {
+    type: String,
+    required: false,
+    default: null
+  }
+});
+</script>
+
+<template>
+
+  <div class="text-right">
+    <q-btn flat class="q-my-sm" :to="props.to" icon="edit" color="primary">
+      {{ props.label }}
+    </q-btn>
+  </div>
+</template>

src/components/aircrafts/AircraftsList.vue

@@ -22,7 +22,7 @@ useAppStore().setPageTitle("Letadla");
     >
       <q-item-section avatar>
         <q-avatar v-if="aircraft.titlePhoto">
-          <img :src="aircraft.titlePhoto.url" alt=""/>
+          <img :src="aircraft.titlePhoto.thumbnailUrl" alt=""/>
         </q-avatar>
         <q-avatar color="teal" text-color="white" icon="flight" v-else/>
       </q-item-section>

src/components/poi/POIList.vue

@@ -10,7 +10,10 @@ const props = defineProps({
   <q-list bordered separator>
     <q-item clickable v-ripple v-for="poi of items" :key="poi" :to="{name: 'poiDetail', params: {id: poi.id}}">
       <q-item-section avatar>
-        <q-avatar :icon="poi.type?.icon || 'place'" color="primary" text-color="white"/>
+        <q-avatar v-if="poi.titlePhoto">
+          <img :src="poi.titlePhoto.thumbnailUrl" alt=""/>
+        </q-avatar>
+        <q-avatar v-else :icon="poi.type?.icon || 'place'" color="primary" text-color="white"/>
       </q-item-section>
       <q-item-section>
         {{ poi.name }}