import React, {Component} from 'react'
import auto_bind from 'common/auto_bind'
import store from 'common/store'
import Button from 'components/utils/button'
import {Container, Message} from './styles.react.scss'
import {dismiss_popover} from 'actions/display'

export default class ConfirmMissionUpdate extends Component {
  constructor(props) {
    super(props)
    auto_bind(this)
  }

  dismiss() {
    store.dispatch(dismiss_popover())
    this.props.on_confirm()
  }

  render() {
    return (
      <Container variant={{centered: true}}>
        <Message>
          Cette opération aura pour effet d'envoyer un mail à tous les candidats qui s'étaient déclarés intéressés mais qui n'ont pas été validés pour les prévenir qu'ils ne sont pas retenus.
        </Message>
        <Button onClick={this.dismiss}>
          Confirmer
        </Button>
      </Container>
    )
  }
}