Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */

/* eslint-disable camelcase */

import React, { useEffect, useState } from 'react'

import { axios } from '../../../utils'

import PulseList from './PulseList'

const DailyPulse = ({ routeDailyPulse }) => {

  const [points, setPoints] = useState(0)

  const [emojisHowAreYouFeel, setEmojisHowAreYouFeel] = useState([])

  const [emojisClimateOnYourOrganization, setEmojisClimateOnYourOrganization] = useState([])

  const getData = async (url = routeDailyPulse) => {

    try {

      const { data: response } = await axios.get(url)

      if (response.success) {

        setPoints(response.data.points)

        setEmojisHowAreYouFeel(response.data.emojis_how_are_you_feel)

        setEmojisClimateOnYourOrganization(response.data.emojis_climate_on_your_organization)

      }

    } catch (error) {

      console.log(error)

    }

  }

  useEffect(() => {

    getData()

  }, [])

  return (

    <div className='peopleYouMayKnow'>

      <div className="sd-title d-flex align-items-center justify-content-between">

        <h3>Pulso Diario</h3>

      </div>

      <span>Puntos acumulados: {points}</span>

      <PulseList options={emojisHowAreYouFeel} title='¿Como te sientes hoy?' onComplete={getData}/>

      <PulseList options={emojisClimateOnYourOrganization} title='¿Como esta el clima en la organización?' onComplete={getData}/>

    </div>

  )

}

export default DailyPulse