From 809a9766d0cc05b72880beccb7ea1207312dcda1 Mon Sep 17 00:00:00 2001
From: Chneemann <Andre-Ke@gmx.de>
Date: Fri, 17 May 2024 20:19:32 +0200
Subject: [PATCH] close navbar on a selection

---
 .../contacts/contact-detail/contact-detail.component.html  | 2 +-
 .../contacts/contact-detail/contact-detail.component.ts    | 7 ++++---
 src/app/services/shared.service.ts                         | 1 +
 3 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.html b/src/app/components/contacts/contact-detail/contact-detail.component.html
index a3cffb8..a588c6b 100644
--- a/src/app/components/contacts/contact-detail/contact-detail.component.html
+++ b/src/app/components/contacts/contact-detail/contact-detail.component.html
@@ -87,7 +87,7 @@
       </div>
     </div>
   </div>
-  } @if (isMobileNavbarOpen) {
+  } @if (sharedService.isMobileNavbarOpen) {
   <app-contact-nav
     [deleteContact]="deleteContact"
     [openEditDialog]="openEditDialog"
diff --git a/src/app/components/contacts/contact-detail/contact-detail.component.ts b/src/app/components/contacts/contact-detail/contact-detail.component.ts
index ac17477..38f1568 100644
--- a/src/app/components/contacts/contact-detail/contact-detail.component.ts
+++ b/src/app/components/contacts/contact-detail/contact-detail.component.ts
@@ -24,8 +24,6 @@ import { TranslateModule } from '@ngx-translate/core';
 export class ContactDetailComponent {
   @Input() currentUserId!: string | undefined;
 
-  isMobileNavbarOpen: boolean = false;
-
   constructor(
     private router: Router,
     public sharedService: SharedService,
@@ -44,17 +42,20 @@ export class ContactDetailComponent {
   }
 
   toggleNav() {
-    this.isMobileNavbarOpen = !this.isMobileNavbarOpen;
+    this.sharedService.isMobileNavbarOpen =
+      !this.sharedService.isMobileNavbarOpen;
   }
 
   openEditDialog() {
     this.sharedService.isAnyDialogOpen = true;
     this.sharedService.isEditContactDialogOpen = true;
+    this.sharedService.isMobileNavbarOpen = false;
   }
 
   deleteContact() {
     this.sharedService.isAnyDialogOpen = true;
     this.sharedService.isDeleteContactDialogOpen = true;
+    this.sharedService.isMobileNavbarOpen = false;
   }
 
   convertTimestamp(timestamp: number) {
diff --git a/src/app/services/shared.service.ts b/src/app/services/shared.service.ts
index 00956b8..b6d4698 100644
--- a/src/app/services/shared.service.ts
+++ b/src/app/services/shared.service.ts
@@ -6,6 +6,7 @@ import { Injectable } from '@angular/core';
 export class SharedService {
   isBtnDisabled: boolean = false;
   isAnyDialogOpen: boolean = false;
+  isMobileNavbarOpen: boolean = false;
   isEditContactDialogOpen: boolean = false;
   isDeleteContactDialogOpen: boolean = false;
   isPageViewMedia: boolean = window.innerWidth <= 650;