From 75fb34afa39f8703b47a45e3eb237cfe75c12c16 Mon Sep 17 00:00:00 2001
From: Jeppe Bundgaard <jb@truckwash.dk>
Date: Thu, 6 Nov 2025 10:46:32 +0100
Subject: [PATCH] "Update navigation routes for 'Book Vask', add
 mobile-specific message in LoginQR.vue, introduce 'build:dev' script in
 package.json, and enhance error message in NavigationMenuItem.vue"

---
 package.json                                                 | 1 +
 .../models/navigation/items/NavigationMenuItemsGuest.vue     | 2 +-
 .../models/navigation/items/NavigationMenuItemsUser.vue      | 2 +-
 .../viewport/page/headers/menu/NavigationMenuItem.vue        | 3 ++-
 src/views/auth/LoginQR.vue                                   | 5 ++++-
 5 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/package.json b/package.json
index 0440d19f..d0b8eeff 100644
--- a/package.json
+++ b/package.json
@@ -6,6 +6,7 @@
   "scripts": {
     "dev": "vite",
     "build": "vite build",
+    "build:dev": "vite build --mode development",
     "preview": "vite preview",
     "test:mobile": "wdio run wdio.conf.js --exclude safari",
     "test:android": "wdio run wdio.conf.js --spec test/specs/*.spec.js",
diff --git a/src/components/models/navigation/items/NavigationMenuItemsGuest.vue b/src/components/models/navigation/items/NavigationMenuItemsGuest.vue
index 1544a010..a829e068 100644
--- a/src/components/models/navigation/items/NavigationMenuItemsGuest.vue
+++ b/src/components/models/navigation/items/NavigationMenuItemsGuest.vue
@@ -19,7 +19,7 @@ const items = computed<NavigationItemProps[]>(() => [
   },
   {
     label: 'Book Vask',
-    to: '/guest/book/wash',
+    to: '/user/bookings/book',
   }
 ]);
 
diff --git a/src/components/models/navigation/items/NavigationMenuItemsUser.vue b/src/components/models/navigation/items/NavigationMenuItemsUser.vue
index 66b008d5..bf0a5a84 100644
--- a/src/components/models/navigation/items/NavigationMenuItemsUser.vue
+++ b/src/components/models/navigation/items/NavigationMenuItemsUser.vue
@@ -47,7 +47,7 @@ const items = computed<NavigationItemProps[]>(() => [
   },
   {
     label: 'Book Vask',
-    to: '/user/bookings/new',
+    to: '/user/bookings/book',
     type: 'button',
     permissions: ['user', 'user_bookings'],
     color: 'primary',
diff --git a/src/components/viewport/page/headers/menu/NavigationMenuItem.vue b/src/components/viewport/page/headers/menu/NavigationMenuItem.vue
index 8981c9ca..a3fb2180 100644
--- a/src/components/viewport/page/headers/menu/NavigationMenuItem.vue
+++ b/src/components/viewport/page/headers/menu/NavigationMenuItem.vue
@@ -38,7 +38,8 @@ const redirect = async (to: string) => {
     await router.push(to);
   } catch (err) {
     console.warn('Navigation error:', err);
-    toast.error('Navigation failed. Please try again.');
+    // Check if the user is authenticated
+    toast.error('Navigation failed. Please try again. Are you logged in?');
   }
 };
 // Permissions and visibility logic
diff --git a/src/views/auth/LoginQR.vue b/src/views/auth/LoginQR.vue
index 6fb67d06..8d816b98 100644
--- a/src/views/auth/LoginQR.vue
+++ b/src/views/auth/LoginQR.vue
@@ -260,7 +260,10 @@ onUnmounted(() => {
 </script>
 
 <template>
-  <div>
+  <div class="is-hidden-mobile">
+    <p>Denne side er kun tilgængelig på mobile enheder. Brug venligst din telefon eller tablet til at scanne QR koden.</p>
+  </div>
+  <div class="is-hidden-desktop">
     <PageLoader v-show="isProcessingQRCode" />
     <div class="background-fixed">
       <qrcode-stream