From 7f1cc4384dcb54b8a754c36c14c0d5f6497767d2 Mon Sep 17 00:00:00 2001
From: Katerina <90516132+TkachenkoKaterina@users.noreply.github.com>
Date: Fri, 15 Mar 2024 19:55:25 +0200
Subject: [PATCH] add condition for contactList

---
 src/components/ContactList/ContactList.jsx | 28 ++++++++++++----------
 1 file changed, 16 insertions(+), 12 deletions(-)

diff --git a/src/components/ContactList/ContactList.jsx b/src/components/ContactList/ContactList.jsx
index c84bc5a..c37378a 100644
--- a/src/components/ContactList/ContactList.jsx
+++ b/src/components/ContactList/ContactList.jsx
@@ -20,18 +20,22 @@ const ContactList = () => {
 
   return (
     <div>
-      {filteredContacts && <h2 className={css.titleSecond}>Contacts</h2>}
-      <ul className={css.ul}>
-        {filteredContacts.map(contact => {
-          return (
-            <ContactItem
-              key={contact.id}
-              contact={contact}
-              onDeleteContact={handleDeleteContact}
-            />
-          );
-        })}
-      </ul>
+      {filteredContacts && (
+        <>
+          <h2 className={css.titleSecond}>Contacts</h2>
+          <ul className={css.ul}>
+            {filteredContacts.map(contact => {
+              return (
+                <ContactItem
+                  key={contact.id}
+                  contact={contact}
+                  onDeleteContact={handleDeleteContact}
+                />
+              );
+            })}
+          </ul>
+        </>
+      )}
     </div>
   );
 };