andrewjmead / short-lnk-meteor-course Goto Github PK

 import {Meteor} from 'meteor/meteor';
import React from 'react';
import ReactDOM from 'react-dom';
import { BrowserRouter as Router, Route} from 'react-router-dom';
import PropTypes from 'prop-types';
import {Tracker} from 'meteor/tracker';
import createBrowserHistory from 'history/createBrowserHistory';

import SignUp from '../imports/ui/SignUp';
import Link from '../imports/ui/Link';
import NotFound from '../imports/ui/NotFound';
import Login from '../imports/ui/Login';

const history = createBrowserHistory();


const unauthenticatedPages = ['/','signup'];
const authenticatedPages   = ['/link'];
const routes = (
    <Router >
        <div>
          <Route exact path="/" component={Login}/>
          <Route path="/signup" component={SignUp}/>
          <Route path="/link" component={Link}/>
          {/* <Route exact path="/notfound" component={NotFound}/> */}
        </div>
    </Router>
);

Tracker.autorun(() => {
  const isAuthenticated        = !!Meteor.userId();
  const pathname               = history.location.pathname;
  const isUnauthenticatedPages = unauthenticatedPages.includes(pathname);
  const isAuthenticatedPages   = authenticatedPages.includes(pathname);

  if (isUnauthenticatedPages && isAuthenticated) {
    // this.context.history.push('/link')
  }else if (isAuthenticatedPages && !isAuthenticated ) {
    // this.context.history.push('/')
  }
 console.log('Authenticated',isAuthenticated, pathname);
}) ;
Meteor.startup(() => {
  ReactDOM.render(routes, document.getElementById('app'));
});

package json
{
  "name": "short-link",
  "private": true,
  "scripts": {
    "start": "meteor run"
  },
  "dependencies": {
    "babel-runtime": "^6.20.0",
    "meteor-node-stubs": "~0.2.4",
   "history": "^4.7.2",
    "react": "^15.6.1",
    "react-dom": "^15.6.1",
    "react-history": "^0.18.2",
    "react-router-dom": "^4.2.2"
  }
}