From dcf8606c4cff58a6d6402520fdbb27b7ba355f46 Mon Sep 17 00:00:00 2001
From: paul-nothaft <40865108-paul-nothaft@users.noreply.replit.com>
Date: Thu, 23 Oct 2025 21:07:40 +0000
Subject: [PATCH] Improve app navigation and settings by adding new
 translations

Update i18n files for English and German, and refactor BottomNavigation and Settings components to use translated strings for navigation and settings options.

Replit-Commit-Author: Agent
Replit-Commit-Session-Id: ceced2fc-aa46-458d-ba87-ddd4b7bb1518
Replit-Commit-Checkpoint-Type: intermediate_checkpoint
Replit-Commit-Screenshot-Url: https://storage.googleapis.com/screenshot-production-us-central1/659922a9-0087-461c-90dd-6d9a58b81d4d/ceced2fc-aa46-458d-ba87-ddd4b7bb1518/un1X8jl
---
 client/src/components/BottomNavigation.tsx | 2 +-
 client/src/i18n/locales/de.json            | 7 +++++--
 client/src/i18n/locales/en.json            | 7 +++++--
 client/src/pages/settings.tsx              | 4 ++--
 4 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/client/src/components/BottomNavigation.tsx b/client/src/components/BottomNavigation.tsx
index c6a672a..52acd23 100644
--- a/client/src/components/BottomNavigation.tsx
+++ b/client/src/components/BottomNavigation.tsx
@@ -17,7 +17,7 @@ export default function BottomNavigation({ onTabChange, onCreateTask, activeTab
   const tabs = [
     { id: 'tasks', label: t('navigation.tasks'), icon: Home },
     { id: 'calendar', label: t('navigation.calendar'), icon: Calendar },
-    { id: 'create', label: 'Create', icon: Plus, isCreate: true },
+    { id: 'create', label: t('navigation.create'), icon: Plus, isCreate: true },
     { id: 'kanban', label: t('navigation.kanban'), icon: LayoutGrid },
     { id: 'settings', label: t('navigation.settings'), icon: Settings }
   ];
diff --git a/client/src/i18n/locales/de.json b/client/src/i18n/locales/de.json
index 18b8e29..e8d73ad 100644
--- a/client/src/i18n/locales/de.json
+++ b/client/src/i18n/locales/de.json
@@ -6,6 +6,7 @@
   "navigation": {
     "tasks": "Aufgaben",
     "calendar": "Kalender",
+    "create": "Erstellen",
     "kanban": "Kanban",
     "settings": "Einstellungen"
   },
@@ -88,11 +89,13 @@
     },
     "appearance": {
       "title": "Erscheinungsbild",
-      "description": "Passe das Aussehen an"
+      "description": "Passe das Aussehen an",
+      "themeToggle": "Thema-Umschalter ist in der Kopfzeile verfügbar"
     },
     "templates": {
       "title": "Projektvorlagen",
-      "description": "Verwende Vorlagen zum schnellen Erstellen von Projekten"
+      "description": "Verwende Vorlagen zum schnellen Erstellen von Projekten",
+      "accessInfo": "Zugriff auf Vorlagen über das Navigationsmenü"
     }
   },
   "projectTemplate": {
diff --git a/client/src/i18n/locales/en.json b/client/src/i18n/locales/en.json
index 8675d73..3974b67 100644
--- a/client/src/i18n/locales/en.json
+++ b/client/src/i18n/locales/en.json
@@ -6,6 +6,7 @@
   "navigation": {
     "tasks": "Tasks",
     "calendar": "Calendar",
+    "create": "Create",
     "kanban": "Kanban",
     "settings": "Settings"
   },
@@ -88,11 +89,13 @@
     },
     "appearance": {
       "title": "Appearance",
-      "description": "Customize the look and feel"
+      "description": "Customize the look and feel",
+      "themeToggle": "Theme toggle available in the header"
     },
     "templates": {
       "title": "Project Templates",
-      "description": "Use templates to quickly create projects"
+      "description": "Use templates to quickly create projects",
+      "accessInfo": "Access templates from the navigation menu"
     }
   },
   "projectTemplate": {
diff --git a/client/src/pages/settings.tsx b/client/src/pages/settings.tsx
index 669528c..f50526c 100644
--- a/client/src/pages/settings.tsx
+++ b/client/src/pages/settings.tsx
@@ -58,7 +58,7 @@ export default function Settings() {
         </CardHeader>
         <CardContent>
           <p className="text-sm text-muted-foreground">
-            Theme toggle available in the header
+            {t('settings.appearance.themeToggle')}
           </p>
         </CardContent>
       </Card>
@@ -73,7 +73,7 @@ export default function Settings() {
         </CardHeader>
         <CardContent>
           <p className="text-sm text-muted-foreground">
-            Access templates from the navigation menu
+            {t('settings.templates.accessInfo')}
           </p>
         </CardContent>
       </Card>