From 419ca871a81cab824771492687df4d26b91aae0d Mon Sep 17 00:00:00 2001
From: Gabriel De Los Rios <gab.dlr3012@gmail.com>
Date: Wed, 24 Dec 2025 12:10:06 -0300
Subject: [PATCH] fix: update contacts count on search, remove table for no
 contacts

---
 src/app/components/contact-list/contact-list.html | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/src/app/components/contact-list/contact-list.html b/src/app/components/contact-list/contact-list.html
index 21196b2..3776def 100644
--- a/src/app/components/contact-list/contact-list.html
+++ b/src/app/components/contact-list/contact-list.html
@@ -2,10 +2,13 @@
     <div class="contact-list__container">
         <h2>{{languageManager.strings.contacts|upperfirst}}</h2>
         <app-contact-search-bar (contactSearch)="filter=$event"/>
+        @let contactsCount = (this.contacts$|async|contactsFilter:filter)?.length ?? 0;
         <app-counter 
-            [count]="(this.contacts$|async)?.length ?? 0"
+            [count]="contactsCount"
             item="{{languageManager.strings.contacts}}"
         />
-        <app-contact-list-table [contactList]="(this.contacts$|async)|contactsFilter:filter"/>
+        @if(contactsCount !== 0) {
+            <app-contact-list-table [contactList]="(this.contacts$|async)|contactsFilter:filter"/>
+        }
     </div>
 </div>
\ No newline at end of file