nav début

src/app/pages/menu/menu-nav/menu-nav.component.ts

@@ -1,16 +1,31 @@
-import {Component, inject} from '@angular/core';
+import {Component, inject, signal} from '@angular/core';
 import {Router} from "@angular/router";
+import {addIcons} from "ionicons";
+import {closeOutline} from "ionicons/icons";
+import {
+  IonButton,
+  IonButtons,
+  IonContent,
+  IonHeader, IonIcon, IonInput,
+  IonItem,
+  IonModal,
+  IonTitle,
+  IonToolbar
+} from "@ionic/angular/standalone";
 
 @Component({
   selector: 'app-menu-nav',
-  imports: [],
+  imports: [IonModal, IonHeader, IonToolbar, IonTitle, IonButtons, IonButton, IonContent, IonItem, IonInput, IonIcon],
   templateUrl: './menu-nav.component.html',
   styleUrl: './menu-nav.component.css'
 })
 export class MenuNav {
-  private router = inject(Router)
+  isModalOpen = signal(false);
 
-  openNav() {
-    this.router.navigate(['/main/messages']);
+  constructor() {
+    addIcons({ closeOutline });
   }
+
+  openNav() { this.isModalOpen.set(true); }
+  closeNav() { this.isModalOpen.set(false); }
 }