Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 851 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 851 Rev 852
Línea 7... Línea 7...
7 
 
 7 
 
8 
import Spinner from '../../UI/EmptySection'
 8 
import Spinner from '../../UI/EmptySection'
Línea 9... Línea 9...
9 
import StyledContainer from '../WidgetLayout'
 9 
import StyledContainer from '../WidgetLayout'
- 
 
 10 
 
10 
 
 11 
const StyledSocialNetworks = styled(StyledContainer)`
11 
const StyledSocialNetworks = styled(StyledContainer)`
 12 
  padding: 10px;
12 
  picture {
 13 
  picture {
13 
    width: 50px;
 14 
    width: 50px;
14 
    height: 50px;
 15 
    height: 50px;
- 
 
 16 
    overflow: hidden;
15 
    overflow: hidden;
 17 
    border-radius: 50%;
16 
    border-radius: 50%;
 18 
    display: flex;
17 
    img {
 19 
    img {
18 
      width: 100%;
 20 
      width: 100%;
19 
      height: 100%;
 21 
      height: 100%;
Línea 28... Línea 30...
28 
 
 30 
 
29 
  const handleOnRoom = async () => {
 31 
  const handleOnRoom = async () => {
30 
    try {
 32 
    try {
31 
      setLoading(true)
 33 
      setLoading(true)
- 
 
 34 
      const response = await axios.post('/moodle')
32 
      const response = await axios.post('/moodle')
 35 
 
33 
      if (response.data.success) {
 36 
      if (response.data.success) {
34 
        const form = document.createElement('form')
 37 
        const form = document.createElement('form')
35 
        form.setAttribute('method', 'post')
 38 
        form.setAttribute('method', 'post')
36 
        form.setAttribute('action', response.data.data.url)
 39 
        form.setAttribute('action', response.data.data.url)
Línea 60... Línea 63...
60 
  }
 63 
  }
Línea 61... Línea 64...
61 
 
 64 
 
62 
  return (
 65 
  return (
63 
    <StyledSocialNetworks>
 66 
    <StyledSocialNetworks>
64 
      {loading && <Spinner />}
 - 
 
65 
      <picture
 67 
      {loading && <Spinner />}
66 
        className='d-flex flex-column align-items-center gap-2 cursor-pointer'
 68 
      <div className='d-flex flex-column align-items-center gap-2'>
67 
        onClick={() => handleOnRoom()}
 - 
 
68 
      >
 69 
        <picture className='cursor-pointer' onClick={() => handleOnRoom()}>
- 
 
 70 
          <img src={moodle.image} alt={moodle.name} />
69 
        <img src={moodle.image} alt='' />
 71 
        </picture>
70 
        {moodle.name}
 72 
        <span>{moodle.name}</span>
71 
      </picture>
 73 
      </div>
72 
      <div className='d-flex align-items-center justify-content-center gap-2'>
 74 
      <div className='d-flex align-items-center justify-content-center gap-2'>
73 
        <a href={microlearning.playStore} target='_blank' rel='noreferrer'>
 75 
        <a href={microlearning.playStore} target='_blank' rel='noreferrer'>
74 
          <picture>
 76 
          <picture>
75 
            <img src='/images/logo-2getskillsa-apple.jpeg' alt='' />
 77 
            <img src='/images/logo-2getskillsa-apple.jpeg' alt='' />