Proyectos de Subversion LeadersLinked - Antes de SPA

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

import React, { useState } from 'react'

import { addNotification } from '../../../redux/notification/notification.actions'

import Spinner from '../../../shared/loading-spinner/Spinner'

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

import { useSelector } from 'react-redux'

const SocialNetworks = ({

  className = 'peopleYouMayKnow'

}) => {

  const [loading, setLoading] = useState(false)

  const labels = useSelector(state => state.labels)

  const handleOnRoom = async () => {

    try {

      setLoading(true)

      const response = await axios.post('/moodle')

      if (response.data.success) {

        const form = document.createElement('form')

        form.setAttribute('method', 'post')

        form.setAttribute('action', response.data.data.url)

        form.setAttribute('target', '_blank')

        Object.keys(response.data.data).forEach(key => {

          if (key !== 'url') {

            const value = response.data.data[key]

            const hiddenField = document.createElement('input')

            hiddenField.setAttribute('type', 'hidden')

            hiddenField.setAttribute('name', key)

            hiddenField.setAttribute('value', value)

            form.appendChild(hiddenField)

          }

        })

        document.body.appendChild(form)

        form.submit()

      }

    } catch (error) {

      console.log('>>: error > ', error)

      addNotification({

        style: 'danger',

        msg: 'Ha ocurrido un error en la comunicacion con ON ROOM'

      })

    } finally {

      setLoading(false)

    }

  }

  return (

    <div className={`app-widget ${className}`}>

      {loading && <Spinner />}

      <div className='d-flex flex-column align-items-center gap-2' onClick={() => handleOnRoom()}>

        <img src="/images/logo-onroom.png" alt="" />

        CESA ON ROOM

      </div>

      <div className='d-flex align-items-center justify-content-center gap-2'>

        <a

          href='https://play.google.com/store/apps/details?id=com.cesams.twogetskills'

          target="_blank"

          rel="noreferrer"

        >

          <img src="/images/logo-2getskills-android.jpeg" alt="" />

        </a>

        <a

          href='https://apps.apple.com/us/app/2getskills/id1575789638'

          target="_blank"

          rel="noreferrer"

        >

          <img src="/images/logo-2getskillsa-apple.jpeg" alt="" />

        </a>

      </div>

      <a href="#">

        {labels.MICRO_LEARNING}

      </a>

    </div>

  )

}

export default SocialNetworks