Proyectos de Subversion LeadersLinked - Backend

Rev

Rev 5992 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5925 stevensc 1
import React, { useEffect, useState } from 'react'
6539 stevensc 2
import SocialNetworks from './SocialNetworks';
5925 stevensc 3
 
4
const ProfileInfo = ({
5
    companyId,
6
    socialNetworksUrl,
7
    followers,
6539 stevensc 8
    image,
9
    imageUploadUrl
5925 stevensc 10
}) => {
11
 
6539 stevensc 12
    const [isShowModal, setIsShowModal] = useState(false);
13
    const [companyImg, setCompanyImg] = useState(`/storage/type/company/code/${companyId}/filename/${image}`);
5925 stevensc 14
 
6539 stevensc 15
    const closeModal = () => setIsShowModal(false)
16
    const showModal = () => setIsShowModal(true)
5925 stevensc 17
 
18
    return (
6539 stevensc 19
        <div className="main-left-sidebar">
20
            <div className="user_profile">
21
                <div className="user-pro-img">
5992 stevensc 22
                    <img
23
                        id="company-img"
6539 stevensc 24
                        src={companyImg}
5992 stevensc 25
                        alt=""
26
                    />
6539 stevensc 27
                    <div className="add-dp" id="OpenImgUpload">
28
                        <button
29
                            className="btn-image-open"
30
                            onClick={showModal}
31
                        >
32
                            <i className="fa fa-camera" />
33
                        </button>
5925 stevensc 34
                    </div>
5992 stevensc 35
                </div>
6539 stevensc 36
                <div className="user_pro_status">
37
                    <ul className="flw-status list-unstyled">
5925 stevensc 38
                        <li>
6539 stevensc 39
                            <span>Seguidores</span>
40
                            <b>{followers}</b>
5925 stevensc 41
                        </li>
42
                    </ul>
43
                </div>
6539 stevensc 44
                <SocialNetworks
45
                    socialNetworksUrl={socialNetworksUrl}
46
                />
5925 stevensc 47
            </div>
48
        </div>
49
    )
50
}
51
 
52
export default ProfileInfo