Changed images to jpg

src/app/pages/disease/disease.component.html

@@ -2,7 +2,7 @@
     <h1>{{disease?.name}}</h1>
     <div class="row align-items-start mt-5">
         <img
-            [src]="disease?.example_url || './assets/img/' + disease?.crop_id.name +'.webp'"
+            [src]="disease?.example_url || './assets/img/' + disease?.crop_id.name +'.jpg'"
             class="img-fluid col-md-6"
             alt="Responsive image">
         <div class="col-md-6 my-5 my-md-0">

src/app/pages/plantdetails/plantdetails.component.html

@@ -5,7 +5,7 @@
         <button type="button" class="btn btn-success ml-auto" (click)="onShowAnalyse()">Analyse</button>
     </nav>
     <div class="row two mt-md-2">
-        <img [src]="plant?.image_url || './assets/img/' + plant?.name +'.webp'"
+        <img [src]="plant?.image_url || './assets/img/' + plant?.name +'.jpg'"
             class="img-fluid col-md-6" alt="Responsive image">
         <div class="col-md-6">
             <h3 class="mt-5 mt-md-0">{{"PLANT.INFORMATION" | translate}}</h3>

src/app/pages/plants/plants.component.html

@@ -21,7 +21,7 @@
         <ul class="list-group">
             <li style="cursor:pointer;" class="list-group-item list-group-item-action d-flex flex-row align-items-center" *ngFor="let plant of plants | sort | filter: filterValue"
                 [routerLink]="['/details', plant?._id]">
-                <img [src]="plant.image_url || './assets/img/' + plant.name +'-icon.webp'"
+                <img [src]="plant.image_url || './assets/img/' + plant.name +'-icon.jpg'"
                     class="img-fluid mr-5 profile-img" [alt]="plant.name">
                 <h4>{{plant.name}}</h4>
             </li>