update on image cards -css

2 files changed, 12 insertions, 1 deletions

diff --git a/src/web/src/app/film/film.component.html b/src/web/src/app/film/film.component.html
index 273dab1..0619f72 100644
--- a/src/web/src/app/film/film.component.html
+++ b/src/web/src/app/film/film.component.html
@@ -43,7 +43,11 @@
                             <div class="card-img">
                                 <img
                                     class="p-3"
-                                    src=" '../../assets/'+'movies pic' "
+                                    [src]="
+                                        '../../assets/img/platforms/' +
+                                        getProviderImage(i) +
+                                        '.png'
+                                    "
                                 />
                             </div>
                             <div class="card_title title-white">
diff --git a/src/web/src/app/film/film.component.ts b/src/web/src/app/film/film.component.ts
index 6dac982..26dd507 100644
--- a/src/web/src/app/film/film.component.ts
+++ b/src/web/src/app/film/film.component.ts
@@ -52,4 +52,11 @@ export class FilmComponent implements OnInit {
     getPrice(i: number) {
         return this.prices[i];
     }
+
+    getProviderImage(i: number) {
+        console.log(
+            (this.providers[i] as string).toLowerCase().replace(/ /g, '')
+        );
+        return (this.providers[i] as string).toLowerCase().replace(/ /g, '');
+    }
 }