feat: add create news method in news service

Author: misicode

src/app/core/services/news.service.ts

@@ -33,7 +33,13 @@ export class NewsService {
   }
 
   createNews(news: NewsRequest): Observable<News> {
+    const formNewsData: FormData = new FormData();
+
+    formNewsData.append("title", news.title);
+    formNewsData.append("body", news.body);
+    formNewsData.append("image", news.image);
+
     return this.httpClient
-      .post<News>(`${this.serverUrl}/api/user/news`, news);
+      .post<News>(`${this.serverUrl}/api/user/news`, formNewsData);
   }
 }

src/app/pages/user/create-news-page/create-news-page.component.html

@@ -52,6 +52,7 @@ <h2>Crear Noticia</h2>
           <input
             (change)="onImageChange($event)"
             accept="image/jpeg, image/png"
+            class="sr-only"
             id="file-upload"
             name="file-upload"
             type="file"
@@ -75,7 +76,7 @@ <h2>Crear Noticia</h2>
           Cancelar
         </button>
       </a>
-      <button type="submit" class="btn-success">
+      <button [disabled]="newsForm.invalid" type="submit" class="btn-success disabled:bg-indigo-500">
         Guardar
       </button>
     </div>

src/app/pages/user/create-news-page/create-news-page.component.ts

@@ -1,5 +1,6 @@
 import { Component, inject } from "@angular/core";
 import { FormBuilder, FormGroup, Validators } from "@angular/forms";
+import { Router } from "@angular/router";
 import { ToastrService } from "ngx-toastr";
 
 import { NewsService } from "../../../core/services/news.service";
@@ -11,6 +12,7 @@ import { NewsService } from "../../../core/services/news.service";
 })
 export class CreateNewsPageComponent {
   private formBuilder = inject(FormBuilder);
+  private router = inject(Router);
   private toastrService = inject(ToastrService);
 
   public imageUrl: string = "";
@@ -40,6 +42,7 @@ export class CreateNewsPageComponent {
       .subscribe({
         next: (res) => {
           this.toastrService.success("La noticia se creó exitosamente");
+          this.router.navigateByUrl("/user/news");
         }
       });
   }