fix

Sokilskill · Oct 9, 2023 · 6fd3927 · 6fd3927
1 parent d152e0a
commit 6fd3927
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 3 deletions.
diff --git a/src/components/ContactForm/ContactForm.jsx b/src/components/ContactForm/ContactForm.jsx
@@ -3,6 +3,7 @@ import css from './ContactForm.module.css';
 import { useDispatch, useSelector } from 'react-redux';
 import { addContact } from 'redux/contacts/contactsSlice';
 import { getContacts } from 'redux/selector';
+import { nanoid } from '@reduxjs/toolkit';
 
 const ContactForm = () => {
   const contacts = useSelector(getContacts);
@@ -13,6 +14,7 @@ const ContactForm = () => {
 
   const handlerInputChange = e => {
     const { name, value } = e.target;
+
     switch (name) {
       case 'name':
         setName(value);
@@ -27,14 +29,13 @@ const ContactForm = () => {
 
   const handlerFormSubmit = e => {
     e.preventDefault();
-
     const similarElement = element => element.name === name;
     if (contacts.find(similarElement)) {
       alert(name + ' is already in contacts.');
       return;
     }
 
-    dispatch(addContact({ name, number }));
+    dispatch(addContact([{ id: nanoid(), name, number }]));
     setName('');
     setNumber('');
   };

diff --git a/src/redux/contacts/contactsSlice.js b/src/redux/contacts/contactsSlice.js
@@ -5,7 +5,6 @@ const contactsSlice = createSlice({
   initialState: [],
   reducers: {
     addContact(state, { payload }) {
-      console.log('payload', payload);
       return [...payload, ...state];
     },
     deleteContact(state, { payload }) {