From 8b68f570af2ac749220f292d317d152305fffb32 Mon Sep 17 00:00:00 2001
From: michael <me@mgineer85.de>
Date: Sat, 4 Jan 2025 16:18:24 +0100
Subject: [PATCH] fix
 https://github.com/photobooth-app/photobooth-app/issues/388

---
 src/layouts/MainLayout.vue  |  5 ++++-
 src/pages/SlideshowPage.vue | 13 +++++++++++++
 2 files changed, 17 insertions(+), 1 deletion(-)

diff --git a/src/layouts/MainLayout.vue b/src/layouts/MainLayout.vue
index fb7bda7..5648df3 100644
--- a/src/layouts/MainLayout.vue
+++ b/src/layouts/MainLayout.vue
@@ -5,7 +5,7 @@
 
       <!-- auto-start slideshow after timeout -->
       <RouteAfterTimeout
-        v-if="configurationStore.getConfigElement('uisettings.show_automatic_slideshow_timeout', 0) > 0"
+        v-if="configurationStore.getConfigElement('uisettings.show_automatic_slideshow_timeout', 0) > 0 && mediacollectionStore.collection.length > 0"
         route="/slideshow/random"
         :timeout-ms="configurationStore.getConfigElement('uisettings.show_automatic_slideshow_timeout', 60) * 1000"
         :warning-message="$t('MSG_WARN_BEFORE_AUTO_SLIDESHOW')"
@@ -18,6 +18,7 @@
 import { defineComponent } from 'vue';
 import { useStateStore } from '../stores/state-store.js';
 import { useConfigurationStore } from '../stores/configuration-store.ts';
+import { useMediacollectionStore } from '../stores/mediacollection-store.js';
 import { useRouter } from 'vue-router';
 import RouteAfterTimeout from 'src/components/RouteAfterTimeout.vue';
 
@@ -28,6 +29,7 @@ export default defineComponent({
   setup() {
     const stateStore = useStateStore();
     const configurationStore = useConfigurationStore();
+    const mediacollectionStore = useMediacollectionStore();
     const router = useRouter();
 
     // watch state to force router to "/" if a capture is triggered
@@ -49,6 +51,7 @@ export default defineComponent({
     return {
       // you can return the whole store instance to use it in the template
       configurationStore,
+      mediacollectionStore,
     };
   },
   computed: {},
diff --git a/src/pages/SlideshowPage.vue b/src/pages/SlideshowPage.vue
index e86554c..24309bd 100644
--- a/src/pages/SlideshowPage.vue
+++ b/src/pages/SlideshowPage.vue
@@ -1,6 +1,7 @@
 <template>
   <q-page id="slideshow-page" class="full-height">
     <gallery-image-detail
+      v-if="mediacollectionStore.collection.length > 0"
       :show-toolbar="false"
       :slideshow-timeout="5000"
       :slideshow-use-fade="true"
@@ -9,6 +10,18 @@
       :random-order="true"
       class="full-height"
     ></gallery-image-detail>
+    <div v-else>
+      <div class="fullscreen bg-blue text-white text-center q-pa-md flex flex-center">
+        <div>
+          <!-- eslint-disable-next-line -->
+          <div class="text-h2" style="opacity: 0.4">
+            {{ $t('MSG_ERROR_NOT_FOUND') }}
+          </div>
+
+          <q-btn class="q-mt-xl" color="white" text-color="blue" unelevated to="/" label="Go Home" no-caps />
+        </div>
+      </div>
+    </div>
   </q-page>
 </template>