src/interfaces/show.ts

@@ -1,9 +1,8 @@
 export interface Show {
   _id: string
   title: string
-  date: Date
+  year: number
   seasons: number
-  episodes: number
   description: string
   genres: string[]
 }

src/pages/shows/shows.component.html

@@ -5,7 +5,7 @@
         <!--    <img src="">-->
         <div class="card-body">
           <h5 class="card-title">{{ show.title }}</h5>
-          <p class="card-text">{{ show.date | date }}</p>
+          <p class="card-text">{{ show.year }}</p>
         </div>
       </div>
     }

src/pages/shows/shows.component.ts

@@ -6,13 +6,10 @@ import {Toast} from '../../interfaces/toast';
 import {ToastService} from '../../services/toast/toast.service';
 import {NgbModal} from '@ng-bootstrap/ng-bootstrap';
 import {CreateModalComponent} from '../../components/create-modal/create-modal/create-modal.component';
-import {DatePipe} from '@angular/common';
 
 @Component({
   selector: 'app-shows',
-  imports: [
-    DatePipe
-  ],
+  imports: [],
   templateUrl: './shows.component.html',
   styleUrl: './shows.component.css'
 })