public route

src/components/Route/PublicRoute.js

@@ -0,0 +1,32 @@
+import React, { Component } from 'react';
+import PropTypes from 'prop-types';
+import { connect } from 'react-redux';
+
+import { Route } from 'react-router-dom';
+
+
+class PublicRoute extends Component {
+
+  render() {
+    return (
+      !this.props.progress ?
+        <Route
+          {...this.props.exact}
+          render={({ location }) =>
+            this.props.children
+          }
+        />
+      : null
+    );
+  }
+}
+
+PublicRoute.propTypes = {
+  progress: PropTypes.bool.isRequired
+};
+
+const mapStateToProps = state => ({
+  progress: state.auth.progress
+});
+
+export default connect(mapStateToProps, null)(PublicRoute);

src/components/Route/Routes.js

@@ -5,6 +5,7 @@ import { visitPage } from '../../actions/generalActions';
 
 import { Route, Switch, withRouter } from 'react-router-dom';
 
+import PublicRoute from './PublicRoute';
 import PrivateRoute from './PrivateRoute';
 import PrivateRouteCreator from './PrivateRouteCreator';
 import IsLoggedRoute from './IsLoggedRoute';
@@ -34,18 +35,30 @@ class Routes extends Component {
     return (
       <div style={{ margin: '0 22px' }}>
         <Switch>
-          <Route path="/" exact component={Home} />
+          <PublicRoute path="/" exact>
+            <Home/>
+          </PublicRoute>
           {/* Tutorials */}
-          <Route path="/tutorial" exact component={TutorialHome} />
+          <PublicRoute path="/tutorial" exact>
+            <TutorialHome />
+          </PublicRoute>
           <PrivateRouteCreator path="/tutorial/builder" exact>
-            <Builder/>
+            <Builder />
           </PrivateRouteCreator>
-          <Route path="/tutorial/:tutorialId" exact component={Tutorial} />
+          <Route path="/tutorial/:tutorialId" exact>
+            <Tutorial />
+          </Route>
           {/* Sharing */}
-          <Route path="/share/:shareId" exact component={Project} />
+          <PublicRoute path="/share/:shareId" exact>
+            <Project />
+          </PublicRoute>
           {/* Gallery-Projects */}
-          <Route path="/gallery" exact component={ProjectHome} />
-          <Route path="/gallery/:galleryId" exact component={Project} />
+          <PublicRoute path="/gallery" exact>
+            <ProjectHome />
+          </PublicRoute>
+          <PublicRoute path="/gallery/:galleryId" exact>
+            <Project />
+          </PublicRoute>
           {/* User-Projects */}
           <PrivateRoute path="/project" exact>
             <ProjectHome/>
@@ -64,12 +77,20 @@ class Routes extends Component {
             <MyBadges />
           </PrivateRoute>
           {/* settings */}
-          <Route path="/settings" exact component={Settings} />
+          <PublicRoute path="/settings" exact>
+            <Settings />
+          </PublicRoute>
           {/* privacy */}
-          <Route path="/impressum" exact component={Impressum} />
-          <Route path="/privacy" exact component={Privacy} />
+          <PublicRoute path="/impressum" exact>
+            <Impressum />
+          </PublicRoute>
+          <PublicRoute path="/privacy" exact>
+            <Privacy />
+          </PublicRoute>
           {/* Not Found */}
-          <Route component={NotFound} />
+          <PublicRoute>
+            <NotFound />
+          </PublicRoute>
         </Switch>
       </div>
     );