+

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('');
 

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;