Saga done

Author: Bburn1

db.json

@@ -14,26 +14,12 @@
     }
   ],
   "contacts": [
-    {
-      "firstName": "danil",
-      "lastName": "bohdan",
-      "email": "[email protected]",
-      "phone": "0979608233",
-      "id": 13
-    },
-    {
-      "firstName": "Kornienko",
-      "lastName": "bohdan",
-      "email": "[email protected]",
-      "phone": "0979608233",
-      "id": 14
-    },
     {
       "firstName": "Kornienko",
-      "lastName": "bohdan",
-      "email": "bogdanburn123@gmail.com",
+      "lastName": "sddasad",
+      "email": "dsgmail.com",
       "phone": "0979608233",
-      "id": 15
+      "id": 1658163826630
     }
   ],
   "profile": {

src/App.js

@@ -11,6 +11,7 @@ function App({selectedContact}) {
 				<h1 className='header-app'>Contact List</h1>
 				<div className='main'>
 					<ContactList
+					
 
 					/>
 					<ContactForm

src/components/ContactForm/ContactForm.js

@@ -33,7 +33,7 @@ function ContactForm({contactForEdit}){
 		e.preventDefault();
 
 		if (!editContact.id){
-			
+			editContact.id = Date.now()
 	    dispatch(createContactAction(editContact))
 		}
 		else {
@@ -46,7 +46,7 @@ function ContactForm({contactForEdit}){
 
 	const onContactDelete = () => {
 
-	dispatch(deleteContactAction(editContact))
+	dispatch(deleteContactAction(editContact.id))
 	}
 
 	// console.log(editContact);

src/components/ContactItem/ContactItem.js

@@ -5,9 +5,10 @@ function ContactItem(
   {contact, onDelete, onEdit}
   ) {
 
-    const onContactDelete = () => { 
-      // e.stopPropagation();
-      onDelete(contact)
+    const onContactDelete = (e) => { 
+      e.stopPropagation()
+
+      onDelete(contact.id)
      }
 
 

src/components/ContactList/ContactList.js

@@ -20,8 +20,8 @@ function ContactList(){
 
 
 
-const onDelete = (contact) => {
-	dispatch(deleteContactAction(contact));
+const onDelete = (id) => {;
+	dispatch(deleteContactAction(id));
 };
 
 

src/sagas/contactsSagas.js

@@ -56,9 +56,8 @@ export function* updateContactSaga({payload}){
 export function* deleteContactSaga({payload}){
     yield put(deleteContactRequest())
     try {
-        const deleteContact = yield contactService.delete(`/${payload.id}`, payload)
-        .then(({data})=>data)
-        yield put(deleteContactSuccsess(deleteContact))
+        yield contactService.delete(`/${payload}`)
+        yield put(deleteContactSuccsess(payload))
 
     } catch (error) {
         yield put(deleteContactError(error))

src/store/reducers/Contactreducer.js

@@ -16,7 +16,7 @@ export default function toContactReducer(state = initialState,{type, payload}) {
 
     switch(type){
 
-        case ADD_NEW_CONTACT: return {...state, selectedContact:createEmptyContact()}
+        case ADD_NEW_CONTACT: return {...state, selectedContact:createEmptyContact(),}
         case SELECT_CONTACT: return{...state, selectedContact:payload}
 
         case ACTION_TYPES.DELETE_CONTACT_SUCCSESS: return {...state, contacts: state.contacts
@@ -26,7 +26,7 @@ export default function toContactReducer(state = initialState,{type, payload}) {
         case ACTION_TYPES.DELETE_CONTACT_REQUEST: return {...state, isFetching:true}
         case ACTION_TYPES.DELETE_CONTACT_ERROR: return {...state, error:payload, isFetching:true}
 
-        case ACTION_TYPES.POST_CONTACT_SUCCSESS: return {...state, contacts: [...state.contacts, payload], isFetching:true}
+        case ACTION_TYPES.POST_CONTACT_SUCCSESS: return {...state, contacts: [...state.contacts,payload], isFetching:true}
         case ACTION_TYPES.POST_CONTACT_REQUEST:return {...state, isFetching:true}
         case ACTION_TYPES.POST_CONTACT_ERROR:return {...state, error:payload, isFetching:true}
 
@@ -40,13 +40,7 @@ export default function toContactReducer(state = initialState,{type, payload}) {
         case ACTION_TYPES.GET_CONTACTS_REQUEST:return{...state, isFetching:true}
         case ACTION_TYPES.GET_CONTACTS_ERROR:return{...state, error:payload, isFetching:true}  
 
-        // case GET_CONTACT: return {...state, contacts: payload, selectedContact:createEmptyContact()}
-        // case DELETE_CONTACT: return {...state, contacts: state.contacts
-        //     .filter((contact)=> contact.id !==payload), selectedContact:createEmptyContact()}
-        // case UPDATE_CONTACT: return {...state, contacts: state.contacts
-        //     .map((contact)=> contact.id !== payload.id ? contact : payload),
-        //     selectedContact:createEmptyContact()}
-        // case CREATE_CONTACT: return{...state, contacts: [...state.contacts, payload]}
+        
 
         default:return state