From e833d4a5dd0d4ddb921fe04b6df7757d2c5d5c76 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Fri, 20 Sep 2024 04:57:01 +0200
Subject: [PATCH] Fix: Changed hint text when the sidebar menu is open or
 closed.

---
 .../sidebar/sidebar-toggle/sidebar-toggle.component.html    | 6 +++++-
 .../sidebar/sidebar-toggle/sidebar-toggle.component.ts      | 5 +++--
 src/assets/i18n/de.json                                     | 3 ++-
 src/assets/i18n/en.json                                     | 3 ++-
 4 files changed, 12 insertions(+), 5 deletions(-)

diff --git a/src/app/components/sidebar/sidebar-toggle/sidebar-toggle.component.html b/src/app/components/sidebar/sidebar-toggle/sidebar-toggle.component.html
index 2cc8864..b8ef395 100644
--- a/src/app/components/sidebar/sidebar-toggle/sidebar-toggle.component.html
+++ b/src/app/components/sidebar/sidebar-toggle/sidebar-toggle.component.html
@@ -1,6 +1,10 @@
 <section (click)="toggleSidebar()">
   <div class="menu">
     <img src="./assets/img/sidebar/toggle.svg" alt="" />
-    <p>{{ 'sidebar-toggle.openWorkspace' | translate }}</p>
+    @if (isSidebarOpen) {
+    <p>{{ "sidebar-toggle.openWorkspace" | translate }}</p>
+    } @else {
+    <p>{{ "sidebar-toggle.closeWorkspace" | translate }}</p>
+    }
   </div>
 </section>
diff --git a/src/app/components/sidebar/sidebar-toggle/sidebar-toggle.component.ts b/src/app/components/sidebar/sidebar-toggle/sidebar-toggle.component.ts
index ffeac38..f44d077 100644
--- a/src/app/components/sidebar/sidebar-toggle/sidebar-toggle.component.ts
+++ b/src/app/components/sidebar/sidebar-toggle/sidebar-toggle.component.ts
@@ -12,28 +12,29 @@ import { TranslateModule } from '@ngx-translate/core';
 })
 export class SidebarToggleComponent {
   @Input() viewWidth: number = 0;
+  isSidebarOpen: boolean = false;
 
   constructor(
     private chatService: ChatService,
     private toggleBoolean: ToggleBooleanService
   ) {}
 
-
   /**
    * Toggles the sidebar visibility and checks the view width.
    */
   toggleSidebar() {
+    this.isSidebarOpen = !this.isSidebarOpen;
     this.toggleBoolean.isSidebarOpen = !this.toggleBoolean.isSidebarOpen;
     this.checkViewWidth();
   }
 
-
   /**
    * Checks the view width and adjusts sidebar and chat states accordingly.
    */
   checkViewWidth() {
     if (this.viewWidth <= 1900 && this.chatService.isSecondaryChatOpen) {
       this.toggleBoolean.isSidebarOpen = true;
+      this.isSidebarOpen = true;
     }
     if (this.viewWidth <= 1900) {
       this.chatService.isSecondaryChatId = '';
diff --git a/src/assets/i18n/de.json b/src/assets/i18n/de.json
index 97ae478..5f4759f 100644
--- a/src/assets/i18n/de.json
+++ b/src/assets/i18n/de.json
@@ -166,7 +166,8 @@
   },
 
   "sidebar-toggle": {
-    "openWorkspace": "Menü öffnen"
+    "openWorkspace": "Menü öffnen",
+    "closeWorkspace": "Menü schließen"
   },
 
   "edit-user-details": {
diff --git a/src/assets/i18n/en.json b/src/assets/i18n/en.json
index 417aa85..6d1426f 100644
--- a/src/assets/i18n/en.json
+++ b/src/assets/i18n/en.json
@@ -166,7 +166,8 @@
   },
 
   "sidebar-toggle": {
-    "openWorkspace": "Open Menu"
+    "openWorkspace": "Open Menu",
+    "closeWorkspace": "Close Menu"
   },
 
   "edit-user-details": {