Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2610 | Rev 3967 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 2610 Rev 3503
Línea 2... Línea 2...
2
import { useState } from 'react';
2
import { useState } from 'react';
3
import styled from 'styled-components';
3
import styled from 'styled-components';
4
import { addNotification } from '../../../redux/notification/notification.actions';
4
import { addNotification } from '../../../redux/notification/notification.actions';
5
import Spinner from '../../../shared/loading-spinner/Spinner';
5
import Spinner from '../../../shared/loading-spinner/Spinner';
6
import { axios } from '../../../utils';
6
import { axios } from '../../../utils';
7
import styles from './HomeSection.module.scss';
-
 
Línea 8... Línea 7...
8
 
7
 
9
const StyledSpinnerContainer = styled.div`
8
const StyledSpinnerContainer = styled.div`
10
  position: absolute;
9
  position: absolute;
11
  left: 0;
10
  left: 0;
Línea 52... Línea 51...
52
        } finally {
51
        } finally {
53
            setLoading(false)
52
            setLoading(false)
54
        }
53
        }
55
    }
54
    }
56
    return (
55
    return (
57
        <div className={styles.widget + ' border-gray'}>
56
        <div className={'widget' + ' border-gray'}>
58
            <div className={styles.widget__app}>
57
            <div className='widget__app'>
59
                <a href="#" onClick={() => handleOnRoom()}>
58
                <a href="#" onClick={() => handleOnRoom()}>
60
                    <img
59
                    <img
61
                        className={styles.widget__app__img}
60
                        className='widget__app__img'
62
                        src="/images/logo-onroom.png"
61
                        src="/images/logo-onroom.png"
63
                        alt=""
62
                        alt=""
64
                    />
63
                    />
65
                </a>
64
                </a>
66
                <a href="#" onClick={() => handleOnRoom()} className={styles.widget__app__title} title="">
65
                <a href="#" onClick={() => handleOnRoom()} className={'widget__app__title'} title="">
67
                    CESA ON ROOM
66
                    CESA ON ROOM
68
                </a>
67
                </a>
69
            </div>
68
            </div>
70
            <div className={styles.widget__app}>
69
            <div className='widget__app'>
71
                <div className="row" style={{ gap: '5px' }}>
70
                <div className="row" style={{ gap: '5px' }}>
72
                    <div className="col-md col-sm-12 col-12">
71
                    <div className="col-md col-sm-12 col-12">
73
                        <a
72
                        <a
74
                            href='https://play.google.com/store/apps/details?id=com.cesams.twogetskills'
73
                            href='https://play.google.com/store/apps/details?id=com.cesams.twogetskills'
75
                            target="_blank"
74
                            target="_blank" rel="noreferrer"
76
                        >
75
                        >
77
                            <img
76
                            <img
78
                                className={styles.widget__app__img}
77
                                className='widget__app__img'
79
                                src="/images/logo-2getskills-android.jpeg"
78
                                src="/images/logo-2getskills-android.jpeg"
80
                                alt=""
79
                                alt=""
81
                            />
80
                            />
82
                        </a>
81
                        </a>
83
                    </div>
82
                    </div>
84
                    <div className="col-md col-sm-12 col-12">
83
                    <div className="col-md col-sm-12 col-12">
85
                        <a
84
                        <a
86
                            href='https://apps.apple.com/us/app/2getskills/id1575789638'
85
                            href='https://apps.apple.com/us/app/2getskills/id1575789638'
87
                            target="_blank"
86
                            target="_blank" rel="noreferrer"
88
                        >
87
                        >
89
                            <img
88
                            <img
90
                                className={styles.widget__app__img}
89
                                className='widget__app__img'
91
                                src="/images/logo-2getskillsa-apple.jpeg"
90
                                src="/images/logo-2getskillsa-apple.jpeg"
92
                                alt=""
91
                                alt=""
93
                            />
92
                            />
94
                        </a>
93
                        </a>
95
                    </div>
94
                    </div>
96
                </div>
95
                </div>
97
                <a href="#" className={styles.widget__app__title} title="">
96
                <a href="#" className='widget__app__title' title="">
98
                    Microaprendizaje
97
                    Microaprendizaje
99
                </a>
98
                </a>
100
            </div>
99
            </div>
101
            {loading && (
100
            {loading &&
102
                <StyledSpinnerContainer>
101
                <StyledSpinnerContainer>
103
                    <Spinner />
102
                    <Spinner />
104
                </StyledSpinnerContainer>
103
                </StyledSpinnerContainer>
105
            )}
104
            }
106
        </div>
105
        </div>
107
    )
106
    )
108
}
107
}