Add faild and success message

src/app/pages/publications/new-action/new-action.page.ts

@@ -2,6 +2,8 @@ import { Component, OnInit } from '@angular/core';
 import { ModalController } from '@ionic/angular';
 import { PublicationFolder } from 'src/app/models/publicationfolder';
 import { PublicationsService } from 'src/app/services/publications.service';
+import { BadRequestComponent } from 'src/app/shared/popover/bad-request/bad-request.component';
+import { SuccessMessageComponent } from 'src/app/shared/popover/success-message/success-message.component';
 
 @Component({
   selector: 'app-new-action',
@@ -28,7 +30,7 @@ export class NewActionPage implements OnInit {
     console.log(ev.detail.value);
   }
 
-  save(){
+  async save(){
     this.folder = {
       ProcessId: null,
       Description: this.folder.Description,
@@ -39,11 +41,51 @@ export class NewActionPage implements OnInit {
     }
     console.log(this.folder);
     
-    this.publication.CreatePublicationFolder(this.folder);
-    this.close();
+    try {
+      await this.publication.CreatePublicationFolder(this.folder).toPromise()
+      this.successMessage()
+      this.close();
+    } catch (error) {
+      this.badRequest()
+    }
+
   }
   close(){
     this.modalController.dismiss();
   }
+  
+  async successMessage(message?: string) {
+    
+    const modal = await this.modalController.create({
+      component: SuccessMessageComponent,
+       componentProps: {
+        message: message || 'Processo efetuado' ,
+      },
+      cssClass: 'modal modal-desktop'
+    });
 
+    modal.present()
+    
+    setTimeout(()=>{
+      modal.dismiss()
+    },3000)
+    
+  }
+
+  async badRequest() {
+    const modal = await this.modalController.create({
+      component: BadRequestComponent,
+       componentProps: {
+        message: 'Processo não realizado com sucesso',
+      },
+      cssClass: 'modal modal-desktop'
+    });
+
+    modal.present()
+    
+    setTimeout(()=>{
+      modal.dismiss()
+    },3000)
+  }
+  
 }