Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5173 | Rev 5283 | 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'
1386 steven 6 
 
5282 stevensc 7 
const SocialNetworks = ({
8 
  className = 'peopleYouMayKnow',
9 
  LABELS = {}
10 
}) => {
11 
  const [loading, setLoading] = useState(false)
2097 steven 12 
 
5104 stevensc 13 
  const handleOnRoom = async () => {
14 
    try {
15 
      setLoading(true)
16 
      const response = await axios.post('/moodle')
17 
      if (response.data.success) {
18 
        const form = document.createElement('form')
19 
        form.setAttribute('method', 'post')
20 
        form.setAttribute('action', response.data.data.url)
21 
        form.setAttribute('target', '_blank')
22 
        Object.keys(response.data.data).forEach(key => {
23 
          if (key !== 'url') {
24 
            const value = response.data.data[key]
25 
            const hiddenField = document.createElement('input')
26 
            hiddenField.setAttribute('type', 'hidden')
27 
            hiddenField.setAttribute('name', key)
28 
            hiddenField.setAttribute('value', value)
29 
            form.appendChild(hiddenField)
30 
          }
31 
        })
32 
        document.body.appendChild(form)
33 
        form.submit()
34 
      }
35 
    } catch (error) {
36 
      console.log('>>: error > ', error)
37 
      addNotification({
38 
        style: 'danger',
39 
        msg: 'Ha ocurrido un error en la comunicacion con ON ROOM'
40 
      })
41 
    } finally {
42 
      setLoading(false)
2084 steven 43 
    }
5104 stevensc 44 
  }
5282 stevensc 45 
 
5104 stevensc 46 
  return (
5282 stevensc 47 
    <div className={`app-widget ${className}`}>
48 
      {loading && <Spinner />}
49 
      <div className='d-flex flex-column gap-2' onClick={() => handleOnRoom()}>
50 
        <img src="/images/logo-onroom.png" alt="" />
51 
        CESA ON ROOM
52 
      </div>
53 
 
54 
      <div className='d-flex gap-2'>
55 
        <a
56 
          href='https://play.google.com/store/apps/details?id=com.cesams.twogetskills'
57 
          target="_blank"
58 
          rel="noreferrer"
59 
        >
60 
          <img src="/images/logo-2getskills-android.jpeg" alt="" />
61 
        </a>
62 
        <a
63 
          href='https://apps.apple.com/us/app/2getskills/id1575789638'
64 
          target="_blank"
65 
          rel="noreferrer"
66 
        >
67 
          <img src="/images/logo-2getskillsa-apple.jpeg" alt="" />
68 
        </a>
69 
      </div>
70 
 
71 
      <a href="#">
72 
        {LABELS.MICRO_LEARNING}
73 
      </a>
74 
    </div>
5104 stevensc 75 
  )
1386 steven 76 
}
5282 stevensc 77 
 
78 
export default SocialNetworks