Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 5992 Rev 6539
Línea 1... Línea 1...
1 
import React, { useEffect, useState } from 'react'
 1 
import React, { useEffect, useState } from 'react'
2 
import { getData } from '../../../helpers/fetchHelpers';
 2 
import SocialNetworks from './SocialNetworks';
Línea 3... Línea 3...
3 
 
 3 
 
4 
const ProfileInfo = ({
 4 
const ProfileInfo = ({
5 
    companyId,
 5 
    companyId,
6 
    socialNetworksUrl,
 6 
    socialNetworksUrl,
7 
    followers,
 7 
    followers,
- 
 
 8 
    image,
8 
    image
 9 
    imageUploadUrl
Línea 9... Línea 10...
9 
}) => {
 10 
}) => {
10 
 
 11 
 
11 
    const [errors, setErrors] = useState('')
 - 
 
12 
    const [socialNetworks, setSocialNetworks] = useState({
 - 
 
13 
        facebook: '',
 - 
 
14 
        twitter: '',
 - 
 
Línea 15... Línea -...
15 
        instagram: ''
 - 
 
16 
    });
 - 
 
17 
 
 12 
    const [isShowModal, setIsShowModal] = useState(false);
18 
    useEffect(() => {
 13 
    const [companyImg, setCompanyImg] = useState(`/storage/type/company/code/${companyId}/filename/${image}`);
19 
        getData(socialNetworksUrl)
 - 
 
20 
            .then(resp => setSocialNetworks(resp))
 - 
 
Línea 21... Línea 14...
21 
            .catch(err => setErrors(err))
 14 
 
22 
 
 15 
    const closeModal = () => setIsShowModal(false)
23 
    }, []);
 16 
    const showModal = () => setIsShowModal(true)
24 
 
 17 
 
25 
    return (
 18 
    return (
26 
        <div class="main-left-sidebar">
 19 
        <div className="main-left-sidebar">
27 
            <div class="user_profile">
 20 
            <div className="user_profile">
28 
                <div class="user-pro-img">
 - 
 
29 
                    <img
 - 
 
30 
                        id="company-img"
 - 
 
31 
                        src={
 - 
 
32 
                            image
 21 
                <div className="user-pro-img">
33 
                                ? `/storage/type/company/code/${companyId}/filename/${image}`
 22 
                    <img
34 
                                : ''
 23 
                        id="company-img"
- 
 
 24 
                        src={companyImg}
35 
                        }
 25 
                        alt=""
- 
 
 26 
                    />
- 
 
 27 
                    <div className="add-dp" id="OpenImgUpload">
36 
                        alt=""
 28 
                        <button
37 
                    />
 29 
                            className="btn-image-open"
38 
                    <div class="add-dp" id="OpenImgUpload">
 30 
                            onClick={showModal}
39 
                        <a href="#" class="btn-image-open">
 31 
                        >
40 
                            <i class="fa fa-camera" />
 32 
                            <i className="fa fa-camera" />
41 
                        </a>
 33 
                        </button>
42 
                    </div>
 34 
                    </div>
43 
                </div>
 35 
                </div>
- 
 
 36 
                <div className="user_pro_status">
44 
                <div class="user_pro_status">
 37 
                    <ul className="flw-status list-unstyled">
45 
                    <ul class="flw-status list-unstyled">
 38 
                        <li>
46 
                        <li>
 39 
                            <span>Seguidores</span>
47 
                            <span>Seguidores</span> <b>{followers}</b>
 - 
 
48 
                        </li>
 - 
 
49 
                    </ul>
 - 
 
50 
                </div>
 - 
 
51 
                <div class="user-social-network-ov">
 - 
 
52 
                    <h3>
 - 
 
53 
                        Redes Sociales
 - 
 
54 
                        <a href="#" title="" class="btn-social-network-edit">
 40 
                            <b>{followers}</b>
55 
                            <i class="fa fa-pencil"></i>
 - 
 
56 
                        </a>
 - 
 
57 
                    </h3>
 - 
 
58 
                </div>
 - 
 
59 
                <ul id="social-networks" class="social_links list-unstyled">
 - 
 
60 
                    <li>
 - 
 
61 
                        <a href="https://www.facebook.com/cesamanagementsolutions" target="_blank" title="">
 - 
 
62 
                            <i class="fa fa-facebook-square btn-social-network-edit" />
 - 
 
63 
                            {socialNetworks.facebook}
 - 
 
64 
                        </a>
 - 
 
65 
                    </li>
 41 
                        </li>
66 
                    <li>
 - 
 
67 
                        <a href="https://twitter.com/CesaEduUy" title="" target="_blank">
 - 
 
68 
                            <i class="fa fa-twitter btn-social-network-edit" />
 - 
 
69 
                            {socialNetworks.twitter}
 - 
 
70 
                        </a>
 - 
 
71 
                    </li>
 - 
 
72 
                    <li>
 - 
 
73 
                        <a href="https://www.instagram.com/cesamanagement/" target="_blank" title="">
 - 
 
74 
                            <i class="fa fa-instagram btn-social-network-edit" />
 42 
                    </ul>
75 
                            {socialNetworks.instagram}
 43 
                </div>
76 
                        </a>
 44 
                <SocialNetworks
77 
                    </li>
 45 
                    socialNetworksUrl={socialNetworksUrl}
78 
                </ul>
 46 
                />