set last message

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

@@ -3,12 +3,11 @@
     <div class="main-header">
       <div class="title-content width-100">
         <div class="back-icon">
-          <!-- <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/Theme/doneIt/icons-arrow-arrow-left.svg'></ion-icon>
-          <button class="btn-no-color cursor-pointer" >
+          <button class="btn-no-color cursor-pointer" (click)="dismiss()" >
             <ion-icon *ngIf="ThemeService.currentTheme == 'doneIt' " slot="end" src='assets/images/theme/{{ThemeService.currentTheme}}/icons-arrow-arrow-left.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'default' " slot="end" src='assets/images/icons-arrow-arrow-left.svg'></ion-icon>
             <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " slot="end" src='assets/images/theme/gov/icons-calendar-arrow-left.svg'></ion-icon>
-          </button> -->
+          </button>
         </div>
         <div class="div-title">
           <ion-label class="title">Editar Mensagem</ion-label>
@@ -18,34 +17,33 @@
   </ion-toolbar>
 </ion-header>
 
-<ion-content>
-  <div class="main-content">
 
-    <div class="old-message-container d-flex justify-center">
-      <div class="old-message" style="white-space: pre-line;">{{ oldMessage }}</div>
-    </div>
+<div class="main-content">
 
-
-    <div class="type-message mt-40-em">
-      <ion-textarea #messageInput clearOnEdit="true" placeholder="Escrever uma mensagem" class="message-input" rows="1" [(ngModel)]="message"   (keyup.enter)="save()"  ></ion-textarea>
-    </div>
+  <div class="old-message-container d-flex justify-center">
+    <div class="old-message" style="white-space: pre-line;">{{ oldMessage }}</div>
   </div>
-</ion-content>
-
-<ion-footer class="ion-no-border">
-  <ion-toolbar class="footer-toolbar px-20">
-    <ion-buttons slot="start">
-      <button class="btn-ok" fill="clear" color="#fff" (click)="save()">
-        <ion-label>Enviar</ion-label>
-      </button>
-    </ion-buttons>
-    <ion-buttons  slot="end">
-      <button class="btn-cancel" fill="clear" color="#061b52" (click)="dismiss()" >
-        <ion-label>Cancelar</ion-label>
-      </button>
-    </ion-buttons>
-    
-  </ion-toolbar>
-</ion-footer>
+
+
+  <div class="d-flex align-center  mt-40-em mb-40-em mr-20">
+    <div class="type-message flex-1 ml-30 mr-20">
+      <ion-textarea
+        #messageInput
+        placeholder="Escrever uma mensagem"
+        class="message-input "
+        rows="1"
+        autoGrow="true"
+        [(ngModel)]="message"
+        (keyup.enter)="save()"
+        clearOnEdit="false"
+      ></ion-textarea>
+    </div>
+    <button class="btn-no-color" (click)="save()">
+      <ion-icon *ngIf="ThemeService.currentTheme == 'default' " class="chat-icon-send" src="assets/icon/theme/gov/icons-chat-send.svg"></ion-icon>
+      <ion-icon *ngIf="ThemeService.currentTheme == 'gov' " class="chat-icon-send" src="assets/icon/theme/gov/icons-chat-send.svg"></ion-icon>
+    </button>
+  </div>
+
+</div>
 
 

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

@@ -64,14 +64,13 @@
    overflow:auto;
    padding: 0 0 0 0;
 
-    
+
    }
 
-   .type-message {
+  .type-message {
     display: flex;
     border: 1px solid #ebebeb;
     border-radius: 25px;
-    margin: 0 30px 0 30px;
     align-items: center;
     overflow: auto;
   }
@@ -88,7 +87,3 @@
   display: inline;
   padding: 10px 20px;
 }
-
-:host {
-  height: 400px;
-}

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

@@ -1,5 +1,5 @@
 import { Component, OnInit, Input, ViewChild, ElementRef } from '@angular/core';
-import { ModalController } from '@ionic/angular';
+import { ModalController, PopoverController } from '@ionic/angular';
 import { ThemeService } from 'src/app/services/theme.service'
 
 @Component({
@@ -16,7 +16,7 @@ export class EditMessagePage implements OnInit {
   oldMessage: string
 
   constructor(
-    private modalController: ModalController,
+    public popoverController: PopoverController,
     public ThemeService: ThemeService,
   ) {}
 
@@ -29,13 +29,11 @@ export class EditMessagePage implements OnInit {
   }
 
   dismiss() {
-    this.modalController.dismiss();
+    this.popoverController.dismiss();
   }
 
   save() {
-    // Implement your save logic here
-    console.log('Updated Message:', this.message);
-    this.modalController.dismiss({
+    this.popoverController.dismiss({
       'message': this.message
     });
   }