instantjob-recruiter-client/dist/components/mission_card.es6.js

a set of tools for creating an instantjob recruiter react client

'use strict';

Object.defineProperty(exports, "__esModule", {
  value: true
});

var _extends2 = require('babel-runtime/helpers/extends');

var _extends3 = _interopRequireDefault(_extends2);

var _react = require('react');

var _react2 = _interopRequireDefault(_react);

var _bind = require('classnames/bind');

var _bind2 = _interopRequireDefault(_bind);

var _md = require('react-icons/lib/md');

var _mission_status = require('components/mission_status/mission_status');

var _mission_status2 = _interopRequireDefault(_mission_status);

var _constants = require('../common/constants');

var _moment = require('../common/moment');

var _moment2 = _interopRequireDefault(_moment);

var _utilities = require('../common/utilities');

var _missions = require('../common/missions');

function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }

var cx = _bind2.default.bind(require('../styles/mission_card.scss'));

var MissionCard = function MissionCard(props) {
  return _react2.default.createElement(
    'div',
    { className: cx('mission-card', 'mission-card_status_' + props.mission.status), style: { width: _constants.card_width } },
    _react2.default.createElement(
      'div',
      { className: cx('mission-card__badge-container') },
      _react2.default.createElement(_mission_status2.default, (0, _extends3.default)({ simple: true }, props.mission))
    ),
    _react2.default.createElement(
      'div',
      { className: cx('mission-card__main') },
      _react2.default.createElement(
        'div',
        { className: cx('mission-card__main-row') },
        _react2.default.createElement(
          'div',
          { className: cx('mission-card__workplace-name') },
          props.mission.workplace.name
        ),
        _react2.default.createElement(
          'div',
          { className: cx('mission-card__period') },
          (0, _missions.mission_period)(props.mission)
        )
      ),
      _react2.default.createElement(
        'div',
        { className: cx('mission-card__main-row') },
        _react2.default.createElement(
          'div',
          { className: cx('mission-card__workplace-address') },
          _react2.default.createElement(
            'span',
            { className: cx('mission-card__workplace-address-icon') },
            _react2.default.createElement(_md.MdPlace, null)
          ),
          props.mission.workplace.address
        ),
        _react2.default.createElement(
          'div',
          { className: cx('mission-card__creation') },
          'Cr\xE9\xE9e le ' + (0, _moment2.default)(props.mission.created_at).format("DD/MM/YYYY") + ' par ' + props.mission.recruiter.first_name + ' ' + props.mission.recruiter.last_name
        )
      )
    )
  );
};

exports.default = MissionCard;