my-project/src/App.js

import {createStore, combineReducers, applyMiddleware} from 'redux';
import thunk from 'redux-thunk';
import {Provider} from 'react-redux';
import {Router, Route} from 'react-router-dom';
import React from 'react';
import './App.scss';
import SignIn from './components/signIn';
import SignUp from './components/signup';
import Profile from './components/myprofile';
import CreateAdConnect from './components/add';
import GoodUser from './components/good';
import MainList from './components/goods'
import AllProductsUser from './components/productsUser';
import HeaderConnect from './components/header'
import Messages from './components/message'
import ChangeAdConnect from './components/changeAd'
const history = require("history").createBrowserHistory()

const getGQL = url =>
	(query, variables= {}) =>
		fetch(url, {
			method: 'POST',
			headers: checkToken(),
			body:JSON.stringify({query, variables})
		}).then(res => res.json())
			.then(data => {
				try {
					if(!data.data && data.errors) {
						throw new SyntaxError(`SyntaxError - ${JSON.stringify(Object.values(data.errors)[0])}`);
					}
					return Object.values(data.data)[0];
				} catch (e) {
					console.error(e);
				}
			});

const checkToken = () => {
  const headers = {
    "Content-Type": "application/json",
    "Accept": "application/json",
  }
  if(localStorage.getItem('authToken')) {
    return {
      ...headers,
      "Authorization": `Bearer ${localStorage.getItem('authToken')}`
    }
  } else {
    return headers;
  }
}

const defaultAvatar = "http://marketplace.node.ed.asmer.org.ua/images/744eed7a2030edd908ef3c59cc9405ce"
const origUrl = "http://marketplace.node.ed.asmer.org.ua/"
const gql = getGQL(origUrl + 'graphql')

const actionPromise = (namePromise,promise) =>
    async dispatch => { 
        dispatch(actionPending(namePromise))
        try{
            const payload = await promise 
            dispatch(actionFulfilled(namePromise,payload)) 
            return payload 
        }
        catch (error){
            dispatch(actionRejected(namePromise,error))
        }
    }

const actionPending   = (namePromise)      => ({type: 'PROMISE', status: 'PENDING',namePromise})
const actionFulfilled = (namePromise,payload) => ({type: 'PROMISE', status: 'FULFILLED',namePromise, payload})
const actionRejected  = (namePromise,error)  => ({type: 'PROMISE', status: 'REJECTED', namePromise, error})

function promiseReducer(state={}, {type, status, payload, error,namePromise}){
  if (type === 'PROMISE'){
      return {
      ...state,
        [namePromise] : {status, payload, error}
      }
    }
    return state
}



const store = createStore(combineReducers({auth: authReducer, promise:localStoredReducer(promiseReducer, 'promise')}), applyMiddleware(thunk))
store.subscribe(() => console.log(store.getState()))


function jwtDecode(token){
	try {
		return JSON.parse(atob(token.split('.')[1]))
	}
	catch(e){
	}
}

function localStoredReducer(reducer, localStorageKey){
	function wrapper(state, action){
		if (state === undefined){
			try {
				return JSON.parse(localStorage[localStorageKey]) 
			}
			catch(e){ } 
		}
		const newState = reducer(state, action)
		localStorage.setItem(localStorageKey, JSON.stringify(newState)) 
		return newState
	}
	return wrapper
}


function authReducer(state={}, {type, token}){
	if (type === 'AUTH_LOGIN'){ 
		const payload = jwtDecode(token)
		try{
            if (payload){
                return {
                    token,
                    payload
                }
		    }
        }
        catch (e) {}
	}
	if (type === 'AUTH_LOGOUT'){ 
		return {}
	}
	return state
}

const actionAuthLogout = () =>
	() => {
		store.dispatch({type: 'AUTH_LOGOUT'});
		localStorage.removeItem('authToken');
    localStorage.clear()
	}

const actionAuthLogin = (token) =>
	() => {
		const oldState = store.getState()
		store.dispatch({type: 'AUTH_LOGIN', token})
		const newState = store.getState()
		if (oldState !== newState)
			localStorage.setItem('authToken', token)
	}




const defaultImg = "https://www.lionstroy.ru/published/publicdata/U70619SHOP/attachments/SC/products_pictures/nophoto.png"


store.dispatch(actionAuthLogin(localStorage.authToken))
!store.getState().auth.token&&history.push("/sign_in")



function App() {
  return (
  <Router history = {history}>
    <Provider store={store}>
      <HeaderConnect/>
      <Route path="/sign_in" component={SignIn} exact/>
      <Route path="/sign_up" component={SignUp} exact/>
      <Route path="/my_profile" component={Profile} exact/>
      <Route path="/create_ad" component={CreateAdConnect} exact/>
      <Route path="/change/:_id" component={ChangeAdConnect} exact/>
      <Route path="/page/:_id" component={MainList} exact/>
      <Route path="/message" component={Messages} exact/>
      <Route path="/all_products_user" component={AllProductsUser} exact/>
      <Route path="/page/:page/good/:_id" component={GoodUser} exact/>
      <Route path="/good/:_id" component={GoodUser} exact/>
    </Provider>
  </Router>
  );
}

export {
    store, 
    defaultAvatar,  
    origUrl,
    defaultImg, 
    actionAuthLogout, 
    actionAuthLogin,
    history,  
    jwtDecode,
    actionPromise,
    gql
  } 

export default App;