cluedin-widget/plugin/auth/pages/LoggedInPage.jsx

This project contains all the pages needed for browsing entities and searching them. The aim is to replace the CluedIn.Webapp project with this one when all the pages ( including the Admin page ) will be ported to REACT.

import React, { PropTypes } from 'react';
import { connect } from 'react-redux';
import { forgotPasswordLink } from '../styling';
import Alert from '../../../core/components/generics/alert.jsx';
import AuthBox from '../generic/AuthBox.jsx';

const LoggedInPage = (props) => {
  const {
    clientId,
    mode,
  } = props;

  return (
    <AuthBox mode={mode}>
      <div style={{ marginTop: '15px' }}>
        <Alert type="success">
          You are now login to <strong>{clientId}</strong>
        </Alert>
      </div>
      <div style={{ marginTop: '15px' }}>
        Open a new Gmail tab and try looking at an email from somebody. You should see the CluedIn sidebar where
        the ads used to be.
      </div>
      <div style={{ marginTop: '15px' }}>
        <a style={forgotPasswordLink} href="#">Help</a>
      </div>
    </AuthBox>
  );
};

LoggedInPage.propTypes = {
  clientId: PropTypes.string,
  mode: PropTypes.string,
};

const select = (state) => ({
  clientId: state.auth.clientId,
  mode: state.auth.mode,
});

export default connect(select)(LoggedInPage);