Components/create-edit-modal: get genres

src/components/create-edit-modal/create-edit-modal.component.ts

@@ -7,6 +7,9 @@ import {ToastService} from '../../services/toast/toast.service';
 import {Show} from '../../interfaces/show';
 import {formatDate} from '@angular/common';
 import {ApiDeletionEditResponse} from '../../interfaces/api-deletion-edit-response';
+import {Genre} from '../../interfaces/genre';
+import {GenresService} from '../../services/genres/genres.service';
+import {ApiResponse} from '../../interfaces/api-response';
 
 @Component({
   selector: 'app-create-edit-modal',
@@ -19,16 +22,29 @@ import {ApiDeletionEditResponse} from '../../interfaces/api-deletion-edit-respon
 export class CreateEditModalComponent {
   private activeModal = inject(NgbActiveModal)
   private showsService = inject(ShowsApiService)
+  private genreService = inject(GenresService)
   private toastService = inject(ToastService)
   protected newShowForm: FormGroup = new FormGroup({})
 
   protected editMode: boolean = false
   protected show?: Show
+  protected allGenres?: Genre[]
   protected requiredImages: number
 
   constructor() {
     this.requiredImages = 3
     this.initForm()
+    this.genreService.getGenres().subscribe({
+      next: (response: ApiResponse) => {
+        this.allGenres = response.genres;
+      }, error: (err) => {
+        this.toastService.show({
+          body: "Could not fetch genres!",
+          htmlClass: "bg-danger text-light"
+        })
+      }, complete: () => {
+      }
+    })
   }
 
   private initForm() {