project-codepen/src/components/Routers.js

import React from "react";
import { BrowserRouter as Router, Route, Switch, Redirect } from "react-router-dom";
import * as createHistory from "history";
import { connect } from "react-redux";

import { actionFullLogin } from "store/actions/actionFullLogin";
import { actionFullRegister } from "store/actions/actionFullRegister";
import { LoginForm } from "pages/LoginForm";
import { FormReg } from "pages/FormReg";
import { Main } from "pages/Main";
import { Home } from "pages/WorkPage";
import { Cabinet } from "pages/Cabinet";
import ConnectFormSearch from "pages/Search";
import ConnectedProjects from "pages/AllProjects";
import ConnectedSearchProject from "pages/SeachProjects";
import ConnectedMyProject from "pages/MyProjects";

const history = createHistory.createBrowserHistory();

const ConnectLoginForm = connect(null, { onLogin: actionFullLogin })(LoginForm);

const ConnectFormReg = connect(null, { FormReg: actionFullRegister })(FormReg);

const Routs = ({ token }) => {
	return (
		<div className='App'>
			<Router history={history}>
				{token && (
					<Switch>
						<Redirect from='/login' to='/work' />
						<Redirect from='/reg' to='/work' />
						<Route exact path='/work' component={Home} />
						<Route path='/cabinet' component={Cabinet} />
						<Route path='/projects' component={ConnectedProjects} />
						<Route path='/search-project/:id' component={ConnectedSearchProject} />
						<Route path='/my-project/:id' component={ConnectedMyProject} />
						<Route path='/search' component={ConnectFormSearch} />
					</Switch>
				)}
				{!token && (
					<Switch>
						<Route path='/login' component={ConnectLoginForm} />
						<Route path='/reg' component={ConnectFormReg} />
						<Route path='/' component={Main} />
					</Switch>
				)}
			</Router>
		</div>
	);
};

const ConnectedRouts = connect(state => ({ token: state.auth.token }), null)(Routs);

export default ConnectedRouts;