From eef6eea40e67db62cb09c4deda1c91ce88866ab9 Mon Sep 17 00:00:00 2001
From: FyloZ <fylozdev@gmail.com>
Date: Thu, 1 Apr 2021 17:15:38 -0400
Subject: [PATCH] =?UTF-8?q?Correction=20d'un=20bug=20qui=20emp=C3=AAchait?=
 =?UTF-8?q?=20la=20recherche=20de=20recette=20de=20fonctionner.?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/app/modules/colors/pages/list/list.component.html | 10 +++++++---
 src/app/modules/colors/pages/list/list.component.ts   |  2 +-
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/src/app/modules/colors/pages/list/list.component.html b/src/app/modules/colors/pages/list/list.component.html
index 72e59aa..6c00852 100644
--- a/src/app/modules/colors/pages/list/list.component.html
+++ b/src/app/modules/colors/pages/list/list.component.html
@@ -11,8 +11,11 @@
   </div>
 </div>
 
-<mat-expansion-panel class="table-title" *ngFor="let companyRecipes of (recipes$ | async)"
-                     [hidden]="isCompanyHidden(companyRecipes.recipes)" [expanded]="panelForcedExpanded">
+<mat-expansion-panel
+  class="table-title"
+  *ngFor="let companyRecipes of (recipes$ | async)"
+  [hidden]="isCompanyHidden(companyRecipes.recipes)"
+  [expanded]="panelForcedExpanded">
   <mat-expansion-panel-header>
     <mat-panel-title>
       {{companyRecipes.company}}
@@ -40,7 +43,8 @@
     <ng-container matColumnDef="color">
       <th mat-header-cell *matHeaderCellDef>Couleur</th>
       <td mat-cell *matCellDef="let recipe">
-        <div class="recipe-color-circle" [class.light-mode]="isLightColor(recipe)" [style.backgroundColor]="recipe.color"></div>
+        <div class="recipe-color-circle" [class.light-mode]="isLightColor(recipe)"
+             [style.backgroundColor]="recipe.color"></div>
       </td>
     </ng-container>
 
diff --git a/src/app/modules/colors/pages/list/list.component.ts b/src/app/modules/colors/pages/list/list.component.ts
index 0476275..68fd86e 100644
--- a/src/app/modules/colors/pages/list/list.component.ts
+++ b/src/app/modules/colors/pages/list/list.component.ts
@@ -41,7 +41,7 @@ export class ListComponent extends ErrorHandlingComponent {
     }
     const positive = this.searchString(recipe.name) ||
       this.searchString(recipe.description) ||
-      this.searchString(recipe.sample.toString())
+      (recipe.sample && this.searchString(recipe.sample.toString()))
     this.recipesHidden[recipe.id] = !positive
     return positive
   }