up

src/components/ContactList/ContactList.jsx

@@ -9,15 +9,14 @@ import { deleteContacts } from 'redux/contactsSlice';
 const ContactList = () => {
   const contacts = useSelector(getVisibleContacts);
   const dispatch = useDispatch();
-  const handleDelete = () => dispatch(deleteContacts());
 
   return (
     <ListWrap>
       {contacts.map(({ id, name, number }) => (
         <List key={id}>
           {name + ' : ' + number}
 
-          <Button type="button" onClick={handleDelete}>
+          <Button type="button" onClick={() => dispatch(deleteContacts(id))}>
             <UserDeleteOutlined />
           </Button>
         </List>

src/redux/contactsSlice.js

@@ -17,7 +17,7 @@ const contactsSlice = createSlice({
   reducers: {
     addContact: {
       reducer(state, action) {
-        state.list.push(action.payload); // Додавання нового контакта
+         state.list = [...state.list, action.payload]; // Додавання нового контакта
       },
     },
     prepare: (name, number) => {

src/redux/filterSlice.js

@@ -6,8 +6,8 @@ const filterSlice = createSlice({
   name: 'filter',
   initialState: initialFilterState,
   reducers: {
-    changeFilter(action) {
-      return action.payload; // Оновлення значення з попереднього
+    changeFilter(state, action) {
+      return (state = action.payload); // Оновлення значення з попереднього
     },
   },
 });