Create new request

.env

 
-REACT_APP_BASE_API_URL=https://portalgatewayapi-q1.bullioninternational.info/
+REACT_APP_BASE_API_URL='http://localhost:3333'

.vscode/launch.json

+
+{
+    "version": "0.2.0",
+    "configurations": [
+      {
+        "type": "chrome",
+        "request": "launch",
+        "name": "Debug in Chrome",
+        "url": "http://localhost:3000",
+        "webRoot": "${workspaceRoot}",
+        "runtimeArgs": [
+          "--disable-web-security",
+          "--ignore-certificate-errors"
+        ],
+        "sourceMaps": true,
+        "sourceMapPathOverrides": {
+          "webpack:///./dist/applications/*": "${workspaceRoot}/src/*"
+        }
+      },
+    ]
+  }
+  

src/components/CreateScrapeRequest/CreateScrapeRequest.js

 import React, {useState} from 'react';
 import { useTranslation } from 'react-i18next';
-import Select from 'react-select'
+import Select from 'react-select';
+import { useDispatch } from "react-redux";
 import { prices, beds, types, lifeStyles  } from '../../constants/filters';
+import CreateScrapeRequestDto  from '../../dtos/CreateScrapeRequestDto'
+import {sendNewRequest} from '../../store/actions/scrapeRequest/newScrapeActions'
 import './CreateScrapeRequest.scss'
 
 const CreateScrapeRequest = () => {
-
+    const dispatch = useDispatch();
     const { t } = useTranslation();  
     const [inputLocation, setLocation] = useState('')
     const [priceFilter, setPriceFilter] = useState('')
     function handleSubmit (event){
         event.preventDefault()
         console.log(inputLocation);
-        console.log(priceFilter);
-        console.log(bedFilter);
-        console.log(typeFilter);
-        console.log(lifeStyleFilter);
-        
+        let newRequest = new CreateScrapeRequestDto(inputLocation, priceFilter.value, bedFilter.value, typeFilter.value, lifeStyleFilter.value)
+        console.log(newRequest);
+        dispatch(sendNewRequest(newRequest))
     }
   return (
     <div className="card card-primary">

src/dtos/CreateScrapeRequestDto.js

+class CreateScrapeRequestDto {
+    constructor(location, price, beds, type, lifeStyle )
+    {
+        this.location = location;
+        this.price = price;
+        this.beds = beds;
+        this.type = type;
+        this.lifeStyle = lifeStyle;
+    }
+}
+export default CreateScrapeRequestDto;

src/request/apiEndpoints.js

     setCookie: '/affiliate/picture',
     setFingerprint: '/affiliate/fingerprint',
   },
+  scrapes:
+  {
+    setScrape: '/scrapes'
+  }
 };

src/request/index.js

   baseURL: process.env.REACT_APP_BASE_API_URL,
   headers: {
     'Content-Type': 'application/json',
+    'Access-Control-Allow-Origin': '*',
   },
   withCredentials: true,
   paramsSerializer: (params) =>

src/request/sendScrapeRequest.js

+import apiEndpoints from './apiEndpoints';
+import {postRequest } from './index';
+
+export const sendRequest = (payload) => {
+  console.log('TRY TO SEND');
+  console.log(payload)
+  postRequest(apiEndpoints.scrapes.setScrape, payload);
+  
+}

src/store/actions/scrapeRequest/newRequestActionConstants.js

+export const SEND_REQUEST = 'SEND_REQUEST';

src/store/actions/scrapeRequest/newScrapeActions.js

+import {
+  SEND_REQUEST
+} from './newRequestActionConstants';
+
+export const sendNewRequest = (payload) => ({
+  type: SEND_REQUEST,
+  payload,
+});

src/store/saga/index.js

 import { all } from 'redux-saga/effects';
 import loginSaga from './loginSaga';
-
+import scraperSaga from './scraperSaga';
 export default function* rootSaga() {
   yield all([
     loginSaga(),
+    scraperSaga()
   ]);
 }

src/store/saga/scraperSaga.js

-import { all, call, put, takeLatest } from '@redux-saga/core/effects';
+import { all, call, takeLatest } from '@redux-saga/core/effects';
+import {
+    sendRequest
+  } from '../../request/sendScrapeRequest';
 
+import {SEND_REQUEST} from '../actions/scrapeRequest/newRequestActionConstants';
+function* sendNewRequest({payload}){
+    try {
+        const { data } = yield call(sendRequest, payload);
+        console.log(data);
+    }
+    catch(e){
+        console.log(e);
+    }
+}
+
+export default function* scraperSaga() {
+    yield all([
+        takeLatest(SEND_REQUEST, sendNewRequest)
+    ])
+}