cluedin-widget/plugin/gmail/person/SuggestedSearchForUser.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 radium from 'radium';
import Theme from '../../../theme';
import { location } from '../../../core/config';

const arrowStyle = {
  position: 'absolute',
  right: '15px',
  fontSize: '14px',
};

const SuggestedSearchForUser = (props) => {
  const { entity } = props;

  const link = location.goToEntity(entity, true);
  
  return (
    <ul style={[Theme.list.vertical.ul, Theme.list.global.ulStripped]}>
      {entity.SuggestedSearches.map((e, index) => (
        <li key={index} style={[Theme.list.vertical.li, Theme.list.global.liStripped]}>
          <a target="_blank" style={Theme.list.vertical.link} href={link}>
            {e.DisplayName}
            <i
              style={arrowStyle}
              className="fa fa-arrow-circle-o-right"
              aria-hidden="true"
            >
            </i>
          </a>
        </li>
      ))}
    </ul>
  );
};

SuggestedSearchForUser.propTypes = {
  entity: PropTypes.object,
};

export default radium(SuggestedSearchForUser);