From add690c84261bc55f8223f56707e466b2d6e1c45 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jovan=20Kruni=C4=87?= <jovan.krunic@gmail.com>
Date: Fri, 28 May 2021 17:26:51 +0200
Subject: [PATCH] refactor: use ion-img where lazy load needed

---
 src/app/modules/data/types/dish/dish-detail-content.html | 2 +-
 src/app/modules/menu/navigation/navigation.html          | 2 +-
 src/app/modules/news/page/news-item.html                 | 5 ++---
 3 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/app/modules/data/types/dish/dish-detail-content.html b/src/app/modules/data/types/dish/dish-detail-content.html
index b8659636..c7c5487d 100644
--- a/src/app/modules/data/types/dish/dish-detail-content.html
+++ b/src/app/modules/data/types/dish/dish-detail-content.html
@@ -5,7 +5,7 @@
   <ion-card-content *ngFor="let characteristic of ('characteristics' | thingTranslate: item)">
     <p>
       <img *ngIf="characteristic.image"
-        [src]="characteristic.image" /><span>&nbsp;{{characteristic.name}}</span>&nbsp;&nbsp;
+        [src]="characteristic.image" alt=""/><span>&nbsp;{{characteristic.name}}</span>&nbsp;&nbsp;
     </p>
   </ion-card-content>
 </ion-card>
diff --git a/src/app/modules/menu/navigation/navigation.html b/src/app/modules/menu/navigation/navigation.html
index dd802928..0aa10636 100644
--- a/src/app/modules/menu/navigation/navigation.html
+++ b/src/app/modules/menu/navigation/navigation.html
@@ -6,7 +6,7 @@
           <ion-back-button></ion-back-button>
         </ion-buttons>
         <ion-title>
-          <img src="assets/imgs/logo.png" />
+          <img src="assets/imgs/logo.png" alt=""/>
           <span class="text">StApps</span>
         </ion-title>
       </ion-toolbar>
diff --git a/src/app/modules/news/page/news-item.html b/src/app/modules/news/page/news-item.html
index 080bb2bd..078abcbc 100644
--- a/src/app/modules/news/page/news-item.html
+++ b/src/app/modules/news/page/news-item.html
@@ -1,15 +1,14 @@
 <ion-card>
 <span *ngIf="item.url; else imageNoUrl">
   <a href="{{item.url}}">
-    <ion-thumbnail>
-      <img src="{{item.image}}" onerror="this.style.display = 'none'; this.nextSibling.style.display='block'" />
+    <ion-thumbnail><ion-img src="{{item.image}}" (ionError)="$event.target.nextSibling.style.display='block'" alt=""></ion-img>
       <ion-icon name="newspaper-outline"></ion-icon>
     </ion-thumbnail>
   </a>
 </span>
   <ng-template #imageNoUrl>
     <ion-thumbnail>
-      <img src="{{item.image}}" onerror="this.style.display = 'none'; this.nextSibling.style.display='block'" />
+      <ion-img src="{{item.image}}" (ionError)="$event.target.nextSibling.style.display='block'" alt=""></ion-img>
       <ion-icon name="newspaper-outline"></ion-icon>
     </ion-thumbnail>
   </ng-template>