Proyectos de Subversion LeadersLinked - Backend

Rev

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