chore(v3): replace textarea by app-textarea (#475)

src/app/structure-list/components/structure-details/structure-details.component.html

@@ -446,12 +446,11 @@
     Votre commentaire sera envoyé aux administrateurs pour une prise en compte de votre remarque. Si vous souhaitez
     avoir un retour, merci de préciser votre contact.
   </p>
-  <textarea
+  <app-textarea
     #myText
-    id="story"
-    class="textarea"
-    name="story"
-    rows="6"
+    class="errorTextarea"
+    id="errorTextarea"
+    label=""
     placeholder="Décrivez l'erreur ici. Ex: Horaires faux..."
-  ></textarea>
+  />
 </app-modal>

src/app/structure-list/components/structure-details/structure-details.component.scss

@@ -267,8 +267,8 @@ section.updatedAt {
   }
 }
 
-::ng-deep.modal {
-  .textarea {
-    width: calc(100% - 20px);
+.errorTextarea {
+  ::ng-deep .inputContainer {
+    width: unset;
   }
 }

src/app/structure-list/components/structure-details/structure-details.component.ts

@@ -285,7 +285,7 @@ export class StructureDetailsComponent implements OnInit {
   public sendErrorEmail(shouldSend: boolean, content?: string): void {
     this.displayModalError();
     if (shouldSend && content) {
-      this.structureService.sendMailOnStructureError(this.structure._id, content).subscribe(() => {});
+      this.structureService.sendMailOnStructureError(this.structure._id, content).subscribe();
     }
   }
 

src/styles.scss

@@ -174,21 +174,6 @@ form p.notRequired {
   }
 }
 
-/** Textarea **/
-// V3REMOVE
-textarea {
-  padding: 13px 8px;
-  background: $grey-9;
-  border: 1px solid $grey-5;
-  border-radius: 4px;
-  resize: none;
-  outline: none;
-  @include font-regular-16;
-  &:focus {
-    border: 1px solid $grey-3;
-  }
-}
-
 /** Buttons **/
 // V3REMOVE
 button {