From 14fc293ebe65e6df001070d2a98df17d08e724d0 Mon Sep 17 00:00:00 2001
From: Bastian Masanek <bastian.masanek@experimenta.science>
Date: Mon, 3 Nov 2025 10:45:45 +0100
Subject: [PATCH] Refactor AreaTabs component to correct product area labels
 and routing logic

- Updated labels for 'experimenta' and 'makerspace' to singular form for consistency.
- Adjusted computed property to return simplified area identifiers for improved routing clarity.
---
 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 b49a586..f2d07b3 100644
--- a/app/components/navigation/AreaTabs.vue
+++ b/app/components/navigation/AreaTabs.vue
@@ -16,7 +16,7 @@ interface ProductArea {
 const areas: ProductArea[] = [
   {
     id: 'experimenta',
-    label: 'experimenta Jahreskarten',
+    label: 'experimenta Jahreskarte',
     icon: Sparkles,
     enabled: true,
     visible: true,
@@ -24,7 +24,7 @@ const areas: ProductArea[] = [
   },
   {
     id: 'makerspace',
-    label: 'Makerspace Jahreskarten',
+    label: 'Makerspace Jahreskarte',
     icon: Wrench,
     enabled: true,
     visible: true,
@@ -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-annual-passes'
+    return 'makerspace'
   } else if (route.path.startsWith('/labs')) {
     return 'labs'
   } else if (route.path.startsWith('/experimenta')) {
-    return 'experimenta-annual-passes'
+    return 'experimenta'
   }
-  return 'makerspace-annual-passes'
+  return 'makerspace'
 })
 
 function navigateToArea(area: ProductArea) {