instantjob-recruiter-client/src/components/popovers/assign_mission.jsx

a set of tools for creating an instantjob recruiter react client

import React from 'react'
import classNames from 'classnames/bind'
import {MdWarning, MdDoneAll} from 'react-icons/lib/md'
import Button from 'components/utils/button'
import {set_from_array, exist} from 'common/utilities'

const cx = classNames.bind(require('styles/new_mission.scss'))

export default ({user_ids, mission: {grouped_users_status}, on_confirm}) => {
  let user_ids_set = set_from_array(user_ids)
  return (
    <div className={cx('new-mission')}>
      <div className={cx('new-mission__assign-mission')}>
        {exist(grouped_users_status.new, (user_id) => user_ids_set[user_id]) ? (
          <div className={cx('new-mission__assign-mission-warning')}>
            <div className={cx('new-mission__assign-mission-warning-icon')}>
              <MdWarning />
            </div>
            <div className={cx('new-mission__assign-mission-warning-label')}>
              {"Attention, le candidat n'a pas dit qu'il était intéressé par la mission. Assurez-vous d'avoir son accord avant de la lui confier."}
            </div>
          </div>
        ) : null}
        <div className={cx('new-mission__assign-mission-text')}>
          {"Si vous confiez la mission à ce candidat, nous le préviendrons et nous bloquerons les dates dans son calendrier. Si la mission n'a plus de poste vacant, nous enverrons un mail aux autres candidats s'étant déclarés intéressés pour les prévenir qu'ils n'ont pas été retenus."}
        </div>
        <div className={cx('new-mission__assign-mission-button')}>
          <Button
            icon={MdDoneAll}
            onClick={on_confirm}
            >
            Confier la mission
          </Button>
        </div>
      </div>
    </div>
  )
}