import React from "react";
import ReactDOM from "react-dom";
import { Provider } from "react-redux";
import { createStore, applyMiddleware } from "redux";
import { BrowserRouter, Route, Switch } from "react-router-dom";
import promise from "redux-promise";

import reducers from "./reducers";
import PostIndex from "./components/postIndex";
import Postnew from "./components/post_new";
import PostShow from "./components/postShow";

const createStoreWithMiddleware = applyMiddleware(promise)(createStore);

ReactDOM.render(
	<Provider store={createStoreWithMiddleware(reducers)}>
		<BrowserRouter>
			<div>
				<Switch>
					<Route path="/posts/new" component={Postnew} />
					<Route path="/posts/:id" component={PostShow} />
					<Route path="/" component={PostIndex} />
				</Switch>
			</div>
		</BrowserRouter>
	</Provider>,
	document.querySelector(".container")
);
