show message break line

src/app/ui/chat/modal/edit-message/edit-message.page.ts

@@ -0,0 +1,43 @@
+import { Component, OnInit, Input, ViewChild, ElementRef } from '@angular/core';
+import { ModalController } from '@ionic/angular';
+import { ThemeService } from 'src/app/services/theme.service'
+
+@Component({
+  selector: 'app-edit-message',
+  templateUrl: './edit-message.page.html',
+  styleUrls: ['./edit-message.page.scss'],
+})
+export class EditMessagePage implements OnInit {
+
+  @ViewChild('messageInput', { static: false }) messageInput!: ElementRef<HTMLIonTextareaElement>;
+  @Input() message: string;
+  @Input() roomId: any;
+
+  oldMessage: string
+
+  constructor(
+    private modalController: ModalController,
+    public ThemeService: ThemeService,
+  ) {}
+
+  ngOnInit() {
+    this.oldMessage = this.message
+  }
+  ngAfterViewInit() {
+    // Focus the textarea once the view has been initialized
+    this.messageInput.nativeElement.focus();
+  }
+
+  dismiss() {
+    this.modalController.dismiss();
+  }
+
+  save() {
+    // Implement your save logic here
+    console.log('Updated Message:', this.message);
+    this.modalController.dismiss({
+      'message': this.message
+    });
+  }
+
+}