Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev Autor Línea Nro. Línea
4438 stevensc 1 
/* eslint-disable react/prop-types */
5104 stevensc 2 
import React, { useState } from 'react'
3 
import { addNotification } from '../../../redux/notification/notification.actions'
4 
import Spinner from '../../../shared/loading-spinner/Spinner'
5 
import { axios } from '../../../utils'
5399 stevensc 6 
import { useSelector } from 'react-redux'
1386 steven 7 
 
5436 stevensc 8 
const SocialNetworks = () => {
5282 stevensc 9 
  const [loading, setLoading] = useState(false)
5399 stevensc 10 
  const labels = useSelector(state => state.labels)
2097 steven 11 
 
5104 stevensc 12 
  const handleOnRoom = async () => {
13 
    try {
14 
      setLoading(true)
15 
      const response = await axios.post('/moodle')
16 
      if (response.data.success) {
17 
        const form = document.createElement('form')
18 
        form.setAttribute('method', 'post')
19 
        form.setAttribute('action', response.data.data.url)
20 
        form.setAttribute('target', '_blank')
21 
        Object.keys(response.data.data).forEach(key => {
22 
          if (key !== 'url') {
23 
            const value = response.data.data[key]
24 
            const hiddenField = document.createElement('input')
25 
            hiddenField.setAttribute('type', 'hidden')
26 
            hiddenField.setAttribute('name', key)
27 
            hiddenField.setAttribute('value', value)
28 
            form.appendChild(hiddenField)
29 
          }
30 
        })
31 
        document.body.appendChild(form)
32 
        form.submit()
33 
      }
34 
    } catch (error) {
35 
      console.log('>>: error > ', error)
36 
      addNotification({
37 
        style: 'danger',
38 
        msg: 'Ha ocurrido un error en la comunicacion con ON ROOM'
39 
      })
40 
    } finally {
41 
      setLoading(false)
2084 steven 42 
    }
5104 stevensc 43 
  }
5282 stevensc 44 
 
5104 stevensc 45 
  return (
5436 stevensc 46 
    <div className='app-widget'>
5282 stevensc 47 
      {loading && <Spinner />}
5441 stevensc 48 
      <span className='d-flex flex-column align-items-center gap-2 cursor-pointer' onClick={() => handleOnRoom()}>
5282 stevensc 49 
        <img src="/images/logo-onroom.png" alt="" />
50 
        CESA ON ROOM
5441 stevensc 51 
      </span>
5288 stevensc 52 
      <div className='d-flex align-items-center justify-content-center gap-2'>
5282 stevensc 53 
        <a
54 
          href='https://play.google.com/store/apps/details?id=com.cesams.twogetskills'
55 
          target="_blank"
56 
          rel="noreferrer"
57 
        >
58 
          <img src="/images/logo-2getskills-android.jpeg" alt="" />
59 
        </a>
60 
        <a
61 
          href='https://apps.apple.com/us/app/2getskills/id1575789638'
62 
          target="_blank"
63 
          rel="noreferrer"
64 
        >
65 
          <img src="/images/logo-2getskillsa-apple.jpeg" alt="" />
66 
        </a>
67 
      </div>
5441 stevensc 68 
      <span>{labels.MICRO_LEARNING}</span>
5282 stevensc 69 
    </div>
5104 stevensc 70 
  )
1386 steven 71 
}
5282 stevensc 72 
 
73 
export default SocialNetworks