Wait for auth data to load and redirect logged-in users to homepage

Author: lonerz

src/App.js

@@ -5,8 +5,14 @@ import Homepage from './Homepage';
 import PageRegister from './PageRegister';
 
 import { Switch, Route } from 'react-router-dom';
+import { connect } from 'react-redux';
+import { isLoaded } from 'react-redux-firebase';
+
+const App = props => {
+  if (!isLoaded(props.auth, props.profile)) {
+    return <div>Authentication loading...</div>;
+  }
 
-const App = () => {
   return (
     <Switch>
       <Route exact path="/">
@@ -28,4 +34,8 @@ const App = () => {
   );
 };
 
-export default App;
+const mapStateToProps = state => {
+  return { auth: state.firebase.auth, profile: state.firebase.profile };
+};
+
+export default connect(mapStateToProps)(App);

src/PageRegister.js

@@ -1,5 +1,8 @@
 import React from 'react';
 import { firebaseConnect } from 'react-redux-firebase';
+import { connect } from 'react-redux';
+import { compose } from 'redux';
+import { Redirect } from 'react-router-dom';
 
 class PageRegister extends React.Component {
   constructor(props) {
@@ -27,6 +30,10 @@ class PageRegister extends React.Component {
   };
 
   render() {
+    if (this.props.isLoggedIn) {
+      return <Redirect to="/" />;
+    }
+
     return (
       <div>
         <h2>Register</h2>
@@ -54,4 +61,11 @@ class PageRegister extends React.Component {
   }
 }
 
-export default firebaseConnect()(PageRegister);
+const mapStateToProps = state => {
+  return { isLoggedIn: state.firebase.auth.uid };
+};
+
+export default compose(
+  firebaseConnect(),
+  connect(mapStateToProps),
+)(PageRegister);