From 7503db2ce50294958cd915e046791ada8d82492c Mon Sep 17 00:00:00 2001
From: InnaAnatoliivna <120109442+InnaAnatoliivna@users.noreply.github.com>
Date: Wed, 9 Aug 2023 09:33:34 +0200
Subject: [PATCH] +

---
 src/components/add-contact/add-contact.jsx   |  6 +++---
 src/components/savedContact/savedContact.jsx | 16 +++++-----------
 2 files changed, 8 insertions(+), 14 deletions(-)

diff --git a/src/components/add-contact/add-contact.jsx b/src/components/add-contact/add-contact.jsx
index 4583e01..616abb9 100644
--- a/src/components/add-contact/add-contact.jsx
+++ b/src/components/add-contact/add-contact.jsx
@@ -5,10 +5,10 @@ import { useDispatch, useSelector } from 'react-redux';
 import { selectorContacts } from 'redux/selectors';
 import { addContact } from 'redux/reducers/contactsSlice';
 
-const AddContactForm = () => {
-    const nameInputId = getRandomId();
-    const numerInputId = getRandomId();
+const nameInputId = getRandomId();
+const numerInputId = getRandomId();
 
+const AddContactForm = () => {
     const [name, setName] = useState('');
     const [number, setNumber] = useState('');
 
diff --git a/src/components/savedContact/savedContact.jsx b/src/components/savedContact/savedContact.jsx
index 441d17b..b209c78 100644
--- a/src/components/savedContact/savedContact.jsx
+++ b/src/components/savedContact/savedContact.jsx
@@ -1,24 +1,18 @@
 import { IoMdContact } from 'react-icons/io';
-import css from 'components/SavedContact/savedContact.module.css'
+import css from 'components/SavedContact/savedContact.module.css';
 
 const SavedContact = ({ id, name, number }) => {
-
     return (
-        <li className={css.item} key={name}
-        >
+        <li className={css.item} key={name}>
             <p className={css.itemText}>
                 <IoMdContact className={css.icon} />
                 {name}: {number}
             </p>
-            <button
-                className={css.btn}
-                type='button'
-                data-id={id}
-            >
+            <button className={css.btn} type="button" data-id={id}>
                 Delete
             </button>
         </li>
-    )
-}
+    );
+};
 
 export default SavedContact;