From 15b8dee5b455f6eaa77334cb109b6c7995c908d9 Mon Sep 17 00:00:00 2001
From: Hans Castro <hanscastroadmn@gmail.com>
Date: Sun, 26 Mar 2023 23:24:19 +0200
Subject: [PATCH] SolidStudies - Added interface

---
 .../training-app/create-course/create-course.component.html   | 4 ++--
 .../training-app/create-course/create-course.component.ts     | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/app/app-components/training-app/create-course/create-course.component.html b/src/app/app-components/training-app/create-course/create-course.component.html
index b0f9f9d..0c039b5 100755
--- a/src/app/app-components/training-app/create-course/create-course.component.html
+++ b/src/app/app-components/training-app/create-course/create-course.component.html
@@ -93,7 +93,7 @@ <h5>Consejos para generar tu curso:</h5>
         <h5>Nota importante:</h5>
         <p>Ote está en constante desarrollo y es posible que encuentres errores o demoras al generar un curso. ¡Ten paciencia! Estamos trabajando para mejorar la plataforma en los próximos meses.</p>
 
-        <div *ngIf="!errorMessage" class="error-message-container">
+        <div *ngIf="errorMessage" class="error-message-container">
           <h5 style="color: red">¿Por qué ha ocurrido este error?</h5>
           <p>Parece que: {{ errorMessage }}.</p>
           <p>Por favor, ten en cuenta que esto es un Proof Of Concept y muchas cosas serán mejoradas tras estudiar el producto.</p>
@@ -105,7 +105,7 @@ <h5 style="color: red">¿Por qué ha ocurrido este error?</h5>
       <div class="course-query-container">
         <label for="course-query">Quiero aprender</label>
         <input [(ngModel)]="courseQuery" id="course-query" type="text" placeholder="Inglés nivel básico">
-        <button class="btn-small waves-effect waves-light btn-send"><i class="material-icons">send</i>
+        <button [title]="courseQuery.length < 3 ? 'Escribe un título.' : 'Generar el curso.'" [disabled]="courseQuery.length < 3" (click)="createCourse()" class="btn-small waves-effect waves-light btn-send"><i class="material-icons">send</i>
         </button>
       </div>
     </div>
diff --git a/src/app/app-components/training-app/create-course/create-course.component.ts b/src/app/app-components/training-app/create-course/create-course.component.ts
index 0e46a35..e504c78 100755
--- a/src/app/app-components/training-app/create-course/create-course.component.ts
+++ b/src/app/app-components/training-app/create-course/create-course.component.ts
@@ -11,7 +11,7 @@ export class CreateCourseComponent implements OnInit {
 
   course: any;
   loading = true;
-  courseQuery: string;
+  courseQuery = '';
   errorMessage: string;
   error: any;