Adiciona indicação de que o email está sendo enviado

src/app/pages/suggest-agenda/suggest-agenda.component.html

@@ -10,7 +10,10 @@ <h1>Sugestão de Pautas</h1>
             <input type="text" class="input first" name="telefone-responsavel" formControlName="telefoneResponsavel" placeholder="Telefone do Responsável" required [ngClass]="{'required-field': !isTelefoneFilled}" (change)="onRequiredFieldsChange()">
             <input type="text" class="input first" name="email-contato" formControlName="emailContato" placeholder="E-mail para contato" >
             <div class="">
-                <button type="p-auto submit"><span>Enviar</span></button>
+                <button type="p-auto submit">
+                    <span *ngIf="isSendingEmail">Enviando...</span>
+                    <span *ngIf="!isSendingEmail">Enviar</span>
+                </button>
             </div>
         </form>
     </div>

src/app/pages/suggest-agenda/suggest-agenda.component.ts

@@ -15,6 +15,7 @@ export class SuggestAgendaComponent implements OnInit {
   isDescricaoFilled = false;
   isResponsavelFilled = false;
   isTelefoneFilled = false;
+  isSendingEmail = false;
 
   constructor(
     private fb: FormBuilder,
@@ -46,11 +47,15 @@ export class SuggestAgendaComponent implements OnInit {
       emailData.email_contato = this.suggestAgendaForm.value.emailContato;
       const emailUnB = '[email protected]';
       emailData.recipients = [emailUnB];
+      this.isSendingEmail = true;
       this.emailService.sendEmail(emailData).subscribe((res: HttpResponse<string>) => {
         alert('Sugestão enviada com sucesso');
       },
         (error: HttpErrorResponse) => {
           alert('error: ' + error.message);
+        },
+        () => {
+          this.isSendingEmail = false;
         });
     } else {
       alert('Preencha os campos obrigatórios!');