From abdec401193e8e7101792a6a2915a85d16a68ad1 Mon Sep 17 00:00:00 2001
From: Bastian Masanek <bastian.masanek@experimenta.science>
Date: Sun, 2 Nov 2025 10:17:04 +0100
Subject: [PATCH] Refactor AreaTabs component to update product area
 identifiers and visibility settings

- Changed product area IDs for 'experimenta' and 'makerspace' to simplify navigation.
- Updated visibility settings for areas to ensure 'experimenta' and 'labs' are now visible.
- Adjusted logic in computed property to reflect new area IDs for improved routing consistency.
---
 app/components/navigation/AreaTabs.vue | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/app/components/navigation/AreaTabs.vue b/app/components/navigation/AreaTabs.vue
index a53d890..c850d45 100644
--- a/app/components/navigation/AreaTabs.vue
+++ b/app/components/navigation/AreaTabs.vue
@@ -19,7 +19,7 @@ const areas: ProductArea[] = [
     label: 'experimenta Jahreskarten',
     icon: Sparkles,
     enabled: true,
-    visible: false,
+    visible: true,
     route: '/experimenta',
   },
   {
@@ -35,7 +35,7 @@ const areas: ProductArea[] = [
     label: 'Labore',
     icon: FlaskConical,
     enabled: false,
-    visible: false,
+    visible: true,
     badge: 'Demnächst',
     route: '/labs',
   },
@@ -46,13 +46,13 @@ const route = useRoute()
 const currentArea = computed(() => {
   // Determine current area based on route
   if (route.path.startsWith('/products') || route.path === '/') {
-    return 'makerspace'
+    return 'makerspace-annual-passes'
   } else if (route.path.startsWith('/labs')) {
     return 'labs'
   } else if (route.path.startsWith('/experimenta')) {
-    return 'experimenta'
+    return 'experimenta-annual-passes'
   }
-  return 'makerspace'
+  return 'makerspace-annual-passes'
 })
 
 function navigateToArea(area: ProductArea) {