Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5212 | Rev 5215 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5212 Rev 5214
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
/* eslint-disable camelcase */
 2 
/* eslint-disable camelcase */
3 
import React, { useEffect, useState } from 'react'
 3 
import React, { useEffect, useState } from 'react'
4 
import { useDispatch } from 'react-redux'
 - 
 
5 
import { addNotification } from '../../../redux/notification/notification.actions'
 - 
 
6 
import { axios } from '../../../utils'
 4 
import { axios } from '../../../utils'
- 
 
 5 
import PulseList from './PulseList'
Línea 7... Línea 6...
7 
 
 6 
 
8 
const DailyPulse = ({ routeDailyPulse }) => {
 7 
const DailyPulse = ({ routeDailyPulse }) => {
9 
  const [points, setPoints] = useState(0)
 - 
 
10 
  const [isMounted, setIsMounted] = useState(false)
 8 
  const [points, setPoints] = useState(0)
11 
  const [emojisHowAreYouFeel, setEmojisHowAreYouFeel] = useState([])
 9 
  const [emojisHowAreYouFeel, setEmojisHowAreYouFeel] = useState([])
12 
  const [emojisClimateOnYourOrganization, setEmojisClimateOnYourOrganization] = useState([])
 - 
 
13 
  const dispatch = useDispatch()
 - 
 
14 
 
 - 
 
15 
  const handleEmojiSave = (url) => {
 - 
 
16 
    if (!url) {
 - 
 
17 
      return false
 - 
 
18 
    }
 - 
 
19 
 
 - 
 
20 
    axios.post(url)
 - 
 
21 
      .then(({ data }) => {
 - 
 
22 
        if (!data.success) {
 - 
 
23 
          return dispatch(addNotification({
 - 
 
24 
            style: 'danger',
 - 
 
25 
            msg: typeof data.data === 'string'
 - 
 
26 
              ? data.data
 - 
 
27 
              : 'Ha ocurrido un error'
 - 
 
28 
          }))
 - 
 
29 
        }
 - 
 
30 
 
 - 
 
31 
        return getData()
 - 
 
32 
      })
 - 
 
Línea 33... Línea 10...
33 
  }
 10 
  const [emojisClimateOnYourOrganization, setEmojisClimateOnYourOrganization] = useState([])
34 
 
 11 
 
35 
  const getData = async (url = routeDailyPulse) => {
 12 
  const getData = async (url = routeDailyPulse) => {
36 
    try {
 13 
    try {
Línea 44... Línea 21...
44 
      console.log(error)
 21 
      console.log(error)
45 
    }
 22 
    }
46 
  }
 23 
  }
Línea 47... Línea 24...
47 
 
 24 
 
48 
  useEffect(() => {
 - 
 
49 
    setIsMounted(true)
 25 
  useEffect(() => {
50 
    getData()
 26 
    getData()
Línea 51... Línea 27...
51 
  }, [])
 27 
  }, [])
52 
 
 28 
 
53 
  return (
 29 
  return (
54 
    <div className='peopleYouMayKnow'>
 30 
    <div className='peopleYouMayKnow'>
55 
      <div className="sd-title d-flex align-items-center justify-content-between">
 31 
      <div className="sd-title d-flex align-items-center justify-content-between">
56 
        <h3>Pulso Diario</h3>
 32 
        <h3>Pulso Diario</h3>
57 
      </div>
 - 
 
58 
      <span>Puntos acumulados: {points}</span>
 33 
      </div>
59 
      <h4>¿Como te sientes hoy?</h4>
 - 
 
60 
      {emojisHowAreYouFeel.map(({ link_save, id, image }, index) =>
 - 
 
61 
        <a key={id} href={link_save} onClick={() => handleEmojiSave(link_save)}>
 - 
 
62 
          <img className={isMounted && 'fadedown'} src={image} style={{ width: '32px', height: '32px', animationDelay: `${index}00ms` }} />
 - 
 
63 
        </a>
 - 
 
64 
      )}
 34 
      <span>Puntos acumulados: {points}</span>
65 
      <h4>¿Como esta el clima en la organización ?</h4>
 - 
 
66 
      {emojisClimateOnYourOrganization.map(({ link_save, id, image }, index) =>
 - 
 
67 
        <a key={id} href={link_save} onClick={() => handleEmojiSave(link_save)}>
 - 
 
68 
          <img className={isMounted && 'fadedown'} src={image} style={{ width: '32px', height: '32px', animationDelay: `${index}00ms` }} />
 - 
 
69 
        </a>
 35 
      <PulseList options={emojisHowAreYouFeel} title='¿Como te sientes hoy?' onComplete={getData}/>
70 
      )}
 36 
      <PulseList options={emojisClimateOnYourOrganization} title='¿Como esta el clima en la organización?' onComplete={getData}/>
71 
    </div>
 37 
    </div>
Línea 72... Línea 38...
72 
  )
 38 
  )