react: permissions

readme.md

what

snippets of the permission decorators (aka high-order components) for our trello-like app at @TARAAI.

usage

import React from 'react';
import * as Permission from '?';

class DashboardHomeView extends React.Component {
 // ...
}

export default Permission.auth(DashboardHomeView);

auth.js

import React from 'react';
import store from 'app/store';
import history from 'app/history';

/**
 * Make page accessibly only by logged in users
 * @TODO: Redirect to page originally  being visited by user.
 */
export default function auth(Component) {
  return class AuthPermissionComponent extends React.Component {
    constructor(props) {
      super(props)

      this.state = {
        // So view doesn't flickr if we finally confirm
        // that user isn't a guest.
        resolved: false
      };
    }
    
    componentDidMount() {
      if (store.getState().auth.token == null) {
        history.push('/login');
      } else {
        this.setState({ resolved: true });
      }
    }

    render() {
      return this.state.resolved && <Component {...this.props} />;
    }
  }
}

guest.js

import React from 'react';
import store from 'app/store';
import history from 'app/history';

/**
 * Make page accessibly only by guest users
 */
export default function guest(Component) {
  return class GuestPermissionComponent extends React.Component {
    constructor(props) {
      super(props)

      this.state = {
        // So view doesn't flickr if we finally confirm
        // that user isn't a guest.
        resolved: false
      };
    }

    componentWillMount() {
      if (store.getState().auth.token != null) {
        history.push('/');
      } else {
        this.setState({ resolved: true });
      }
    }

    render() {
      return this.state.resolved && <Component {...this.props} />;
    }
  }
}

index.js

import auth from './auth';
import guest from './guest';

// @NOTE: For some reason, Buble won't compile if
// written as: `export auth;`
exports.auth = auth;
exports.guest = guest;