Interfaces: add genres to api responses

src/interfaces/api-id-response.ts

@@ -1,6 +1,8 @@
 import {Show} from './show';
+import {Genre} from './genre';
 
 export interface ApiIdResponse {
   status: string
-  show: Show
+  show?: Show
+  genre?: Genre
 }

src/interfaces/api-response.ts

@@ -1,7 +1,9 @@
 import {Show} from './show';
+import {Genre} from './genre';
 
 export interface ApiResponse {
   status: string
-  shows: Show[]
+  shows?: Show[]
+  genres?: Genre[]
   totalShows: number
 }

src/pages/shows/shows.component.ts

@@ -30,7 +30,7 @@ export class ShowsComponent {
     this.toastService.show(loadToast);
     this.api.getShows().subscribe({
       next: (response: ApiResponse) => {
-        this.shows = response.shows;
+        this.shows = response.shows ?? [];
       }, error: (err: any) => {
         console.error("Error: ", err);
       }, complete: () => {