Interfaces: create and split shows-api.ts

src/interfaces/show.ts

@@ -1,9 +1,3 @@
-export interface ShowsApiResponse {
-  status: string
-  shows: Show[]
-  totalShows: number
-}
-
 export interface Show {
   _id: string
   title: string

src/interfaces/shows-api-response.ts

@@ -0,0 +1,7 @@
+import {Show} from './show';
+
+export interface ShowsApiResponse {
+  status: string
+  shows: Show[]
+  totalShows: number
+}

src/pages/shows/shows.component.ts

@@ -1,6 +1,7 @@
 import {Component, inject} from '@angular/core';
 import {ShowsApiService} from '../../services/shows/shows-api.service';
-import {Show, ShowsApiResponse} from '../../shows-api';
+import {Show} from '../../interfaces/show';
+import {ShowsApiResponse} from '../../interfaces/shows-api-response';
 
 @Component({
   selector: 'app-shows',

src/services/shows/shows-api.service.ts

@@ -1,7 +1,7 @@
 import {inject, Injectable} from '@angular/core';
 import {HttpClient} from '@angular/common/http';
 import {Observable} from 'rxjs';
-import {ShowsApiResponse} from '../../shows-api';
+import {ShowsApiResponse} from '../../interfaces/shows-api-response';
 
 @Injectable({
   providedIn: 'root'