Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 6393 | Rev 6396 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
6390 stevensc 1 
import React, { useState, useEffect } from 'react'
6393 stevensc 2 
import { axios } from '../../../utils'
6392 stevensc 3 
import { useForm } from 'react-hook-form'
6393 stevensc 4 
import { connect } from 'react-redux'
5 
 
6392 stevensc 6 
import { addNotification } from '../../../redux/notification/notification.actions'
6390 stevensc 7 
 
6393 stevensc 8 
import styles from './survey.module.scss'
9 
 
10 
const SurveyForm = ({
11 
  question,
12 
  answers = [],
13 
  active,
14 
  time,
15 
  voteUrl,
16 
  addNotification,
17 
}) => {
6395 stevensc 18 
  const [isActive, setIsActive] = useState(Boolean(active))
6393 stevensc 19 
  const { register, handleSubmit } = useForm()
6390 stevensc 20 
 
6395 stevensc 21 
  const sendVote = handleSubmit(({ vote }) => {
22 
    setIsActive(false)
6392 stevensc 23 
    const formData = new FormData()
24 
 
6395 stevensc 25 
    formData.append('vote', vote)
26 
 
6392 stevensc 27 
    axios
28 
      .post(voteUrl, formData)
29 
      .then(({ data: response }) => {
30 
        const { success, data } = response
31 
        if (!success) {
32 
          addNotification({ style: 'danger', msg: `Error: ${data}` })
6395 stevensc 33 
          setIsActive(true)
6392 stevensc 34 
          return
35 
        }
36 
 
37 
        addNotification({ style: 'success', msg: data })
38 
      })
39 
      .catch((err) => {
40 
        addNotification({ style: 'danger', msg: `Error: ${err}` })
6395 stevensc 41 
        setIsActive(true)
6392 stevensc 42 
        throw new Error(err)
43 
      })
6393 stevensc 44 
  })
6392 stevensc 45 
 
6390 stevensc 46 
  return (
6392 stevensc 47 
    <form onChange={sendVote} className={styles.survey_form}>
6390 stevensc 48 
      <h3>{question}</h3>
49 
      {answers.map(
50 
        (option, index) =>
51 
          option && (
52 
            <div className={styles.survey_input} key={index}>
53 
              <input
54 
                type="radio"
6392 stevensc 55 
                name="vote"
56 
                id={`vote-${index + 1}`}
6390 stevensc 57 
                disabled={!isActive}
6392 stevensc 58 
                ref={register({ required: true })}
59 
                value={index + 1}
6390 stevensc 60 
              />
6392 stevensc 61 
              <label htmlFor={`vote-${index + 1}`}>{option}</label>
6390 stevensc 62 
            </div>
63 
          )
64 
      )}
65 
    </form>
66 
  )
67 
}
68 
 
6393 stevensc 69 
const mapDispatchToProps = {
70 
  addNotification: (notification) => addNotification(notification),
71 
}
72 
 
73 
export default connect(null, mapDispatchToProps)(SurveyForm)