From 5d3549b0b6722b86a415179dbea853ef9d84dbbb Mon Sep 17 00:00:00 2001
From: Thomas Cardon <thomas.cardon35@gmail.com>
Date: Fri, 11 Feb 2022 14:16:59 +0100
Subject: [PATCH] composant icon into card-resto

---
 src/app/card-resto/card-resto.component.html  | 23 ++++++++++++-------
 .../filters/avis-bar/avis-bar.component.html  |  2 +-
 src/app/filters/icon/icon.component.html      |  2 +-
 3 files changed, 17 insertions(+), 10 deletions(-)

diff --git a/src/app/card-resto/card-resto.component.html b/src/app/card-resto/card-resto.component.html
index 4345e94..ac95c34 100644
--- a/src/app/card-resto/card-resto.component.html
+++ b/src/app/card-resto/card-resto.component.html
@@ -46,17 +46,24 @@
             réaliser un livre spécimen de polices de texte.</p>
           <div class="trait-rouge pt-2 pb-0"></div>
           <div class="critere ps-1 pt-3">
-            <span class="sur-place pe-1" style="color:#545454">Sur place :</span>
-            <i *ngIf="restaurant.surPlace" class="fas fa-check-square"
-            style="color:#4ECB71"></i>
-            <i *ngIf="restaurant.surPlace === false " class="fas fa-times-circle ps-1 pt-1" style="color:#ED2F2F"></i>
-            <span class="a-emporter ps-3 pe-1" style="color:#545454">A emporter :</span><i class="fas fa-check-square"
-              style="color:#4ECB71"></i>
+            <span class="sur-place pe-1" style="color:#545454">Sur place :</span>            
+            <app-icon 
+              [iconName]="restaurant.surPlace ? 'fas fa-check-square' : 'fas fa-times-circle ps-1 pt-1'"
+              [iconColor]="restaurant.surPlace ? '#4ECB71' : '#ED2F2F'"
+            ></app-icon>
+            <span class="a-emporter ps-3 pe-1" style="color:#545454">A emporter :</span>  
+            <app-icon 
+              [iconName]="restaurant.emporter ? 'fas fa-check-square' : 'fas fa-times-circle ps-1 pt-1'"
+              [iconColor]="restaurant.emporter ? '#4ECB71' : '#ED2F2F'"
+            ></app-icon>
           </div>
           <div class="trait-rouge pt-3"></div>
           <div class="critere d-flex justify-content-center ps-1 pt-3 pb-3">
-            <span class="acces-pmr pe-1" style="color:#545454">Accès PMR :</span><i
-              class="fas fa-times-circle ps-1 pt-1" style="color:#ED2F2F"></i>
+            <span class="acces-pmr pe-1" style="color:#545454">Accès PMR :</span>
+            <app-icon 
+            [iconName]="restaurant.accesPMR ? 'fas fa-check-square' : 'fas fa-times-circle ps-1 pt-1'"
+            [iconColor]="restaurant.accesPMR ? '#4ECB71' : '#ED2F2F'"
+          ></app-icon>
           </div>
           <div class="reserver pt-2">
             <button type="button" class="button">Réserver</button>
diff --git a/src/app/filters/avis-bar/avis-bar.component.html b/src/app/filters/avis-bar/avis-bar.component.html
index 5d789dd..014be1e 100644
--- a/src/app/filters/avis-bar/avis-bar.component.html
+++ b/src/app/filters/avis-bar/avis-bar.component.html
@@ -1,6 +1,6 @@
 <div (mouseleave)="onMouseLeave()">
   <app-icon *ngFor="let star of starStates; let starIndex = index"
-  [iconName]="star.stateHoverUser ? 'star-fill' : 'star'"
+  [iconName]="star.stateHoverUser ? 'bi-star-fill' : 'bi-star'"
   [iconSize]="2.5"
   [iconColor]="'#ffbf00'"
   style="padding: 6px;"
diff --git a/src/app/filters/icon/icon.component.html b/src/app/filters/icon/icon.component.html
index 8f39cd3..789856c 100644
--- a/src/app/filters/icon/icon.component.html
+++ b/src/app/filters/icon/icon.component.html
@@ -1,3 +1,3 @@
-<i class="bi-{{iconName}}"
+<i class="{{iconName}}"
 [ngStyle]="{'font-size.rem': iconSize, 'color': iconColor}"></i>