|
@@ -1,52 +1,41 @@
|
|
|
import React from 'react'
|
|
|
import { Switch, Route } from "react-router-dom";
|
|
|
+import { connect } from "react-redux";
|
|
|
|
|
|
import AdminMainPage from './conteiners/adminMainPage/adminMainPage';
|
|
|
import AdminAddEventPage from './conteiners/adminAddEventPage/adminAddEventPage';
|
|
|
import AdminMyEventsPage from './conteiners/adminMyEventsPage/adminMyEventsPage';
|
|
|
+
|
|
|
import Home from './conteiners/home/Home';
|
|
|
+import Result from './conteiners/result/Result';
|
|
|
+import Gallery from './conteiners/gallery/Gallery';
|
|
|
+import Reviews from './conteiners/reviews/Reviews';
|
|
|
import Login from './conteiners/login/Login';
|
|
|
import RegistrationPage from './conteiners/registrationPage/RegistrationPage';
|
|
|
import Events from './conteiners/events/Events';
|
|
|
+import EventCard from './conteiners/eventCard/EventCard';
|
|
|
|
|
|
import AdminAddPhotogalarytPage from "./conteiners/adminPhotogalaryPage/adminPhotogalaryPage"
|
|
|
-import Sidebar from './components/sidebar/Sidebar';
|
|
|
|
|
|
-export default class Router extends React.Component {
|
|
|
- render() {
|
|
|
+export class Router extends React.Component {
|
|
|
+ render() {
|
|
|
+ const { events } = this.props;
|
|
|
return(
|
|
|
<div className="container">
|
|
|
<Switch>
|
|
|
<Route exact path="/" component={Home} />
|
|
|
-
|
|
|
<Route exact path="/events" component={Events} />
|
|
|
-
|
|
|
- <Route exact path="/result" render={() => (
|
|
|
- <>
|
|
|
- <Sidebar />
|
|
|
- <div className="container-wrap">
|
|
|
- Result
|
|
|
- </div>
|
|
|
- </>
|
|
|
- )} />
|
|
|
-
|
|
|
- <Route exact path="/gallery" render={() => (
|
|
|
- <>
|
|
|
- <Sidebar />
|
|
|
- <div className= "container-wrap">
|
|
|
- Gallery
|
|
|
- </div>
|
|
|
- </>
|
|
|
- )} />
|
|
|
-
|
|
|
- <Route exact path="/reviews" render={() => (
|
|
|
- <>
|
|
|
- <Sidebar />
|
|
|
- <div className="container-wrap">
|
|
|
- Reviews
|
|
|
- </div>
|
|
|
- </>
|
|
|
- )} />
|
|
|
+ <Route exact path="/result" component={Result} />
|
|
|
+ <Route exact path="/gallery" component={Gallery} />
|
|
|
+ <Route exact path="/reviews" component={Reviews} />
|
|
|
+
|
|
|
+ {
|
|
|
+ events.map(event =>
|
|
|
+ <Route exact path={`/events/${event._id}`} key={event._id} render={ props => (
|
|
|
+ <EventCard event={event}/>
|
|
|
+ )} />
|
|
|
+ )
|
|
|
+ }
|
|
|
|
|
|
<Route exact path="/login" component={Login} />
|
|
|
<Route exact path="/registration" component={RegistrationPage} />
|
|
@@ -61,4 +50,14 @@ export default class Router extends React.Component {
|
|
|
</div>
|
|
|
)
|
|
|
}
|
|
|
-}
|
|
|
+}
|
|
|
+
|
|
|
+const mapStateToProps = state => {
|
|
|
+ return {
|
|
|
+ events: state.getEvents.events
|
|
|
+ };
|
|
|
+};
|
|
|
+
|
|
|
+export default connect(
|
|
|
+ mapStateToProps
|
|
|
+)(Router);
|