smarti/src/components/Routes.js
2020-12-03 11:17:39 +01:00

64 lines
2.1 KiB
JavaScript

import React, { Component } from 'react';
import PropTypes from 'prop-types';
import { connect } from 'react-redux';
import { visitPage } from '../actions/generalActions';
import { Route, Switch, withRouter } from 'react-router-dom';
import Home from './Home';
import Tutorial from './Tutorial/Tutorial';
import TutorialHome from './Tutorial/TutorialHome';
import Builder from './Tutorial/Builder/Builder';
import NotFound from './NotFound';
import ProjectHome from './Project/ProjectHome';
import Project from './Project/Project';
import Settings from './Settings/Settings';
import Impressum from './Impressum';
import Privacy from './Privacy';
import Login from './User/Login';
class Routes extends Component {
componentDidUpdate() {
this.props.visitPage();
}
render() {
return (
<div style={{ margin: '0 22px' }}>
<Switch>
<Route path="/" exact component={Home} />
// Tutorials
<Route path="/tutorial" exact component={TutorialHome} />
<Route path="/tutorial/builder" exact component={Builder} />
<Route path="/tutorial/:tutorialId" exact component={Tutorial} />
// Sharing
<Route path="/share/:shareId" exact component={Project} />
// Gallery-Projects
<Route path="/gallery" exact component={ProjectHome} />
<Route path="/gallery/:galleryId" exact component={Project} />
// User-Projects
<Route path="/project" exact component={ProjectHome} />
<Route path="/project/:projectId" exact component={Project} />
// User
<Route path="/user/login" exact component={Login} />
// settings
<Route path="/settings" exact component={Settings} />
// privacy
<Route path="/impressum" exact component={Impressum} />
<Route path="/privacy" exact component={Privacy} />
// Not Found
<Route component={NotFound} />
</Switch>
</div>
);
}
}
Home.propTypes = {
visitPage: PropTypes.func.isRequired
};
export default connect(null, { visitPage })(withRouter(Routes));