Styjun

I am having a little problem, I have to write a lot of code and explain so everybody can understand, I will do that with photos, The problem I am having in general is that I get a 400 error which is a client side error, I understood that I sent a bad request so let's start by writing some code.

I have a data to send using Redux Action and saga, Here is my first method excecuted that works on event click, everything is fine so far :

addNote = () => 
 let noteAdded = this.state.noteWritten;

 let noteToPush = 
 contratId: "120120122",
 texte: noteAdded,
 dateAjout: "02/12/1994 19:54",
 login: "Someone"
 ;

 this.props.addNoteContrat(40000, texte: noteToPush.texte );
;

As you can see I am sending an Id with an object ( has text inside ) using method addNoteContrat, I had to send it that way because my backend work is already made and working fine. my importations are fine too.

I have a file called actions Where I create my actions :

export const addNoteContrat = (idContrat, note, success, error) =>
 createAction(NOTE_CONTRAT_ADD.POST_CALL, idContrat, note, success, error );

Then I am going to watch my action using saga :

function* addNoteContrat( idContrat, note, success, error ) 
 console.log("note :");
 console.log(note);

 console.log("idContrat : ");
 console.log(idContrat);
 const value = yield call(addContratNotes, idContrat, note);
 if (value.status === 200) 
 yield put(setNotesContrat(value.data));
 yield getNotesContrat( idContrat, success, error );
 if (success) success();
 else 
 yield put(errorNotesContrat(value.data));
 if (error) error();

 

I get the expected result , i get my id and text in the console as expected, Then I watch :

export const watchContrat = function* watchContrat() 

 yield takeLatest(NOTE_CONTRAT_ADD.POST_CALL, addNoteContrat);

The I have a folder called API where I will send my data to the server, I am using an instance that uses axios, I mean you will see rather than using

axios.get(url);

I use :

myInstance.get(url);

And here is my method executed when my action get executed :

export const addContratNotes = (idContrat, note) => 
 console.log("note dans API :");
 console.log(note);

 console.log("idContrat dans API :");
 console.log(idContrat);

 const endpoint = template(CONTRAT_NOTE_ADD);
 return instance
 .post(endpoint( note ))
 .then(values => values)
 .catch(err => err.response);
;

And here again I get my data right in console, But I get the error 400 in my console, which means again a bad request, as I told you already my java code is working fine using swagger.

and Finally the url I am using to send data is in my endpoints file :

export const CONTRAT_NOTE_ADD = `$CONTRAT_ENDPOINT/<%= idContrat %>/note`;

I send the Id in the url and the object in the Body request ..

I really really need help because I am stuck for about two days, I can provide any needed code for this.
Any help would be much appreciated.