From 0a147afca04b0ffe79c526299b604100b770c6d1 Mon Sep 17 00:00:00 2001
From: Constantin Simonis <constantin@simonis.lol>
Date: Tue, 28 Jan 2025 09:13:20 +0100
Subject: [PATCH] refactor

---
 src/app/hotel/component/hotels.component.ts | 18 ++++++++++--------
 1 file changed, 10 insertions(+), 8 deletions(-)

diff --git a/src/app/hotel/component/hotels.component.ts b/src/app/hotel/component/hotels.component.ts
index 7370ffe..6c85bed 100644
--- a/src/app/hotel/component/hotels.component.ts
+++ b/src/app/hotel/component/hotels.component.ts
@@ -4,8 +4,8 @@ import {Hotel} from "../model/hotel";
 import {FormsModule} from "@angular/forms";
 import {Lang} from "../../currency/lang";
 import {HotelService} from "../service/hotel.service";
-import {filter, Observable, toArray} from "rxjs";
-import {AsyncPipe} from "@angular/common";
+import {Observable} from "rxjs";
+import {AsyncPipe, NgIf} from "@angular/common";
 import {CurrencyComponent} from "../../currency/currency.component";
 import {RouterLink} from "@angular/router";
 import {StarComponent} from "./star.component";
@@ -19,16 +19,18 @@ import {StarComponent} from "./star.component";
     </form>
     <p routerLink="/hotels/new">Create Hotel</p>
     @for (hotel of (matchingHotels | async); track hotel.id) {
-      <div>{{hotel.hotelName}}</div>
-      <img src="{{hotel.imageUrl}}" alt="{{hotel.hotelName}}" height="64" width="64">
-      <br>
-      <button routerLink="{{hotel.id}}">Details</button>
-      <hr>
+      <div *ngIf="hotel.hotelName.toLowerCase().includes(search)">
+        <div>{{ hotel.hotelName }}</div>
+        <img src="{{hotel.imageUrl}}" alt="{{hotel.hotelName}}" height="64" width="64">
+        <br>
+        <button routerLink="{{hotel.id}}">Details</button>
+        <hr>
+       </div>
     } @empty {
       <h1>no matching results for {{ search }}</h1>
     }
   `,
-  imports: [FormsModule, HotelComponent, AsyncPipe, CurrencyComponent, RouterLink, StarComponent],
+  imports: [FormsModule, HotelComponent, AsyncPipe, CurrencyComponent, RouterLink, StarComponent, NgIf],
   providers: [HotelService],
   selector: 'app-hotels'
 })