Pages/show: update card

src/interfaces/show.ts

@@ -1,8 +1,9 @@
 export interface Show {
   _id: string
   title: string
-  year: number
+  date: Date
   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.year }}</p>
+          <p class="card-text">{{ show.date | date }}</p>
         </div>
       </div>
     }

src/pages/shows/shows.component.ts

@@ -6,10 +6,13 @@ 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: [],
+  imports: [
+    DatePipe
+  ],
   templateUrl: './shows.component.html',
   styleUrl: './shows.component.css'
 })