MetaPhase-Consulting/State-TalentMAP

import PropTypes from 'prop-types';
import ExternalUserStatus from '../../ProfileDashboard/ExternalUserStatus';
import { BID_REVIEWER_OBJECT, USER_PROFILE } from '../../../Constants/PropTypes';

const BidTrackerCardBottom = (props) => {
  const { bureau, userProfile } = props;
  const getUser = user => (user ?
    {
      email: user.email,
      initials: user.initials,
      firstName: user.first_name,
      lastName: user.last_name,
    } :
    null);

  const reviewer = getUser(props.reviewer);
  const cdo = getUser(userProfile.cdo);

  return (
    <div className="usa-grid-full bid-tracker-card-bottom">
      {
        cdo &&
        <div className="bid-tracker-card-bottom-section">
          <ExternalUserStatus type="cdo" {...cdo} showMail />
        </div>
      }
      {
        reviewer &&
        <div className="bid-tracker-card-bottom-section">
          <ExternalUserStatus type="ao" {...reviewer} showMail />
        </div>
      }
    </div>
  );
};

BidTrackerCardBottom.propTypes = {
  reviewer: BID_REVIEWER_OBJECT,
  bureau: PropTypes.string.isRequired,
  userProfile: USER_PROFILE.isRequired,
};

BidTrackerCardBottom.defaultProps = {
  reviewer: null,
};

export default BidTrackerCardBottom;