Slugy, webp, hromada refaktoringu

src/pages/profile/flight/EditFlightPage.vue

@@ -208,38 +208,44 @@ const handleBatchPhotoEdit = async (flightId, data) => {
     <q-tab-panel name="basic">
       <FlightEditSkeleton :step="formStep" v-if="isQueryRunning || !flight"/>
       <FlightFormBasic
-          @save="handleFlightEdit"
-          :flight="flight"
-          :locations="pointsOfInterest"
-          :airports="airports"
-          :aircrafts="aircrafts"
+        v-else
+        @save="handleFlightEdit"
+        :flight="flight"
+        :locations="pointsOfInterest"
+        :airports="airports"
+        :aircrafts="aircrafts"
       />
     </q-tab-panel>
 
     <q-tab-panel name="copilot">
-      <FlightEditCopilotSkeleton :step="formStep" v-if="isQueryRunning || !flight"/>
-      <FlightFormCopilot @save="handleFlightEdit" :flight="flight" :copilots="copilots"/>
+      <FlightEditCopilotSkeleton v-if="isQueryRunning || !flight"/>
+      <FlightFormCopilot
+        v-else
+        @save="handleFlightEdit"
+        :flight="flight"
+        :copilots="copilots"/>
     </q-tab-panel>
 
     <q-tab-panel name="track">
       <FlightEditSkeleton :step="formStep" v-if="isQueryRunning || !flight"/>
       <FlightFormTrack
-          v-if="pointsOfInterest"
-          :flight="flight"
-          :locations="pointsOfInterest"
-          :airports="airports"
-          @save="handleFlightEdit"
+        v-if="flight && pointsOfInterest"
+        :flight="flight"
+        :locations="pointsOfInterest"
+        :airports="airports"
+        @save="handleFlightEdit"
       />
     </q-tab-panel>
 
     <q-tab-panel name="photos">
       <FlightFormPhotos
-          :flight="flight"
-          :is-request-pending="isRequestPending || uploadInProgress"
-          @save="handlePhotosUpload"
+        :flight="flight"
+        :is-request-pending="isRequestPending || uploadInProgress"
+        @save="handlePhotosUpload"
       />
 
-      <PhotosEditorList
+      <template v-if="flight">
+        <PhotosEditorList
           :title-photo="flight.titlePhoto"
           :photos="flight.photos"
           :show-actions="true"
@@ -248,19 +254,19 @@ const handleBatchPhotoEdit = async (flightId, data) => {
           @batch-rotate="rotatePhotos"
           @delete="deletePhoto"
           @set-title-photo="setTitlePhoto"
-      />
+        />
 
-      <!-- Dialogs for photo edit -->
-      <PhotoFormDialog
+        <!-- Dialogs for photo edit -->
+        <PhotoFormDialog
           v-model="openEdit"
           :copilots="flight.copilots"
           :aircrafts="aircrafts"
           :locations="pointsOfInterest"
           :photo="editPhoto"
           @save="handlePhotoUpdate(flightId, $event)"
-      />
+        />
 
-      <BatchPhotoFormDialog
+        <BatchPhotoFormDialog
           v-model="openBatchEdit"
           :locations="pointsOfInterest"
           :photos="editBatchPhotos"
@@ -268,7 +274,9 @@ const handleBatchPhotoEdit = async (flightId, data) => {
           :aircrafts="aircrafts"
           @save="handleBatchPhotoEdit(flightId, $event)"
           @delete="deletePhoto"
-      />
+        />
+
+      </template>
     </q-tab-panel>
 
     <q-tab-panel name="notes">