handleChange = e => {
    const { name, type, value } = e.target
    name === 'title' && this.setState({
                                                   slug: slugify(value,
                                                                 {
                                                                   customReplacements: [
                                                                     ['@', 'at'], ['.', '-'],
                                                                   ],
                                                                 },
                                                   ),
                                                 })
    type === 'checkbox' && this.setState({ [name]: e.target.checked })
    type === 'number' && this.setState({ [name]: parseFloat(value) })
  }