react-devise-facebook-encore/src/views/AuthLinks.jsx

A simple package to interact with Facebook LogIn API

import React from 'react';
import {connect} from 'react-redux';
import {getConfig} from '../config/index';
import {withRouter} from 'react-router-dom';

const AuthLinksComponent = ({currentUser, location, resourceName, AuthLinksList, AuthLinksListItem}) => {
  if (currentUser.isLoggingIn) {
    return <div>Logging in...</div>;
  }
  if (currentUser.isLoggedIn) {
    return null;
  }
  const {routes} = getConfig();
  const linkableRouteNames = Object.keys(routes).filter(routeName => Boolean(routes[routeName].linkText));
  return (
    <AuthLinksList>
      {linkableRouteNames.map(routeName => {
        const route = routes[routeName];
        const path = `/${resourceName}${route.path}`;
        return (
          <AuthLinksListItem
            key={path}
            path={path}
            route={route}
            location={location}
          />
        );
      })}
    </AuthLinksList>
  );
};

const mapStateToProps = state => {
  return {
    currentUser: state.currentUser
  };
};

const AuthLinks = withRouter(connect(mapStateToProps)(AuthLinksComponent));

export {
  AuthLinks as default,
  AuthLinksComponent
};