Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5104 | Rev 5282 | 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 styled from 'styled-components'
4 
import { addNotification } from '../../../redux/notification/notification.actions'
5 
import Spinner from '../../../shared/loading-spinner/Spinner'
6 
import { axios } from '../../../utils'
1386 steven 7 
 
2097 steven 8 
const StyledSpinnerContainer = styled.div`
9 
  position: absolute;
10 
  left: 0;
11 
  top: 0;
12 
  width: 100%;
13 
  height: 100%;
14 
  background: rgba(255, 255, 255, 0.4);
15 
  display: flex;
16 
  justify-content: center;
17 
  align-items: center;
18 
  z-index: 300;
5104 stevensc 19 
`
2097 steven 20 
 
5173 stevensc 21 
export default function SocialNetworks ({ className = 'peopleYouMayKnow', LABELS = {} }) {
5104 stevensc 22 
  const [loading, setLoading] = useState(false)
23 
  const handleOnRoom = async () => {
24 
    try {
25 
      setLoading(true)
26 
      const response = await axios.post('/moodle')
27 
      if (response.data.success) {
28 
        const form = document.createElement('form')
29 
        form.setAttribute('method', 'post')
30 
        form.setAttribute('action', response.data.data.url)
31 
        form.setAttribute('target', '_blank')
32 
        Object.keys(response.data.data).forEach(key => {
33 
          if (key !== 'url') {
34 
            const value = response.data.data[key]
35 
            const hiddenField = document.createElement('input')
36 
            hiddenField.setAttribute('type', 'hidden')
37 
            hiddenField.setAttribute('name', key)
38 
            hiddenField.setAttribute('value', value)
39 
            form.appendChild(hiddenField)
40 
          }
41 
        })
42 
        document.body.appendChild(form)
43 
        form.submit()
44 
      }
45 
    } catch (error) {
46 
      console.log('>>: error > ', error)
47 
      addNotification({
48 
        style: 'danger',
49 
        msg: 'Ha ocurrido un error en la comunicacion con ON ROOM'
50 
      })
51 
    } finally {
52 
      setLoading(false)
2084 steven 53 
    }
5104 stevensc 54 
  }
55 
  return (
4438 stevensc 56 
        <div className={className}>
3503 stevensc 57 
            <div className='widget__app'>
2610 stevensc 58 
                <a href="#" onClick={() => handleOnRoom()}>
59 
                    <img
3503 stevensc 60 
                        className='widget__app__img'
2610 stevensc 61 
                        src="/images/logo-onroom.png"
62 
                        alt=""
63 
                    />
64 
                </a>
3503 stevensc 65 
                <a href="#" onClick={() => handleOnRoom()} className={'widget__app__title'} title="">
2610 stevensc 66 
                    CESA ON ROOM
67 
                </a>
68 
            </div>
3503 stevensc 69 
            <div className='widget__app'>
4444 stevensc 70 
                <div className="d-flex" style={{ gap: '5px' }}>
71 
                    <a
72 
                        href='https://play.google.com/store/apps/details?id=com.cesams.twogetskills'
73 
                        target="_blank" rel="noreferrer"
74 
                    >
75 
                        <img
76 
                            className='widget__app__img'
77 
                            src="/images/logo-2getskills-android.jpeg"
78 
                            alt=""
79 
                        />
80 
                    </a>
81 
                    <a
82 
                        href='https://apps.apple.com/us/app/2getskills/id1575789638'
83 
                        target="_blank" rel="noreferrer"
84 
                    >
85 
                        <img
86 
                            className='widget__app__img'
87 
                            src="/images/logo-2getskillsa-apple.jpeg"
88 
                            alt=""
89 
                        />
90 
                    </a>
2099 steven 91 
                </div>
3503 stevensc 92 
                <a href="#" className='widget__app__title' title="">
5104 stevensc 93 
                    {LABELS.MICRO_LEARNING}
2610 stevensc 94 
                </a>
2099 steven 95 
            </div>
3503 stevensc 96 
            {loading &&
2610 stevensc 97 
                <StyledSpinnerContainer>
98 
                    <Spinner />
99 
                </StyledSpinnerContainer>
3503 stevensc 100 
            }
1386 steven 101 
        </div>
5104 stevensc 102 
  )
1386 steven 103 
}