add condition for contactList

TkachenkoKaterina · Mar 15, 2024 · 7f1cc43 · 7f1cc43
1 parent 94cdfc0
commit 7f1cc43
Showing 1 changed file with 16 additions and 12 deletions.
diff --git 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>
   );
 };