Page menu PT1

src/app/pages/messages/messages-main/messages-main.component.html

@@ -16,6 +16,5 @@
         <app-messages-send/>
     </div>
 
-
 </div>
 

src/app/pages/messages/messages-main/messages-main.component.ts

@@ -2,6 +2,7 @@ import { Component } from '@angular/core';
 import {MessagesMenu} from "../messages-menu/messages-menu.component";
 import {MessagesInfoUser} from "../messages-infouser/messages-infouser.component";
 import {MessagesSend} from "../messages-send/messages-send.component";
+import {Router} from '@angular/router';
 
 @Component({
   selector: 'app-messages-main',

src/app/pages/messages/messages-menu/messages-menu.component.html

@@ -1,4 +1,4 @@
-<button class="hamburger-btn">
+<button class="hamburger-btn" (click)="openMenu()">
     <svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="100" height="100" viewBox="0,0,256,256">
         <g fill-opacity="0.8" fill="#bd5a5a" fill-rule="nonzero" stroke="none" stroke-width="1" stroke-linecap="butt" stroke-linejoin="miter" stroke-miterlimit="10" stroke-dasharray="" stroke-dashoffset="0" font-family="none" font-size="none" style="mix-blend-mode: normal">
             <g transform="scale(3.55556,3.55556)">

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

@@ -1,4 +1,5 @@
-import { Component } from '@angular/core';
+import {Component, inject} from '@angular/core';
+import {Router} from '@angular/router';
 
 @Component({
   selector: 'app-messages-menu',
@@ -7,5 +8,9 @@ import { Component } from '@angular/core';
   styleUrl: './messages-menu.component.css'
 })
 export class MessagesMenu {
+  private router = inject(Router)
 
+  openMenu() {
+    this.router.navigate(['/menu']);
+  }
 }