Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3899 | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
3899 stevensc 1 
/* eslint-disable react/prop-types */
5434 stevensc 2 
import React, { useState, useEffect } from 'react'
3899 stevensc 3 
import { Modal } from 'react-bootstrap'
5434 stevensc 4 
import { axios } from '../../../utils'
3899 stevensc 5 
 
6 
const FollowersModal = ({
5434 stevensc 7 
  isShow = false,
8 
  companyId = '',
9 
  handleClose = function () { }
3899 stevensc 10 
}) => {
5434 stevensc 11 
  const [followers, setFollowers] = useState([])
12 
 
13 
  useEffect(() => {
14 
    const getFollowers = () => {
15 
      axios.get(`/helpers/company-follower/${companyId}`)
16 
        .then(({ data: response }) => {
17 
          const { success, data } = response
18 
          if (success) setFollowers(data)
19 
        })
20 
    }
21 
 
22 
    getFollowers()
23 
  }, [])
24 
 
25 
  return (
3899 stevensc 26 
        <Modal show={isShow} onHide={handleClose}>
27 
            <Modal.Header closeButton>
28 
                <h3>Seguidores</h3>
29 
            </Modal.Header>
30 
            <Modal.Body>
31 
                {followers.map((follower) =>
5434 stevensc 32 
                    <FollowersModal.Item
3899 stevensc 33 
                        key={follower.id}
34 
                        follower={follower}
35 
                    />
36 
                )}
37 
            </Modal.Body>
38 
        </Modal>
5434 stevensc 39 
  )
3899 stevensc 40 
}
41 
 
5434 stevensc 42 
const Item = ({ follower }) => {
43 
  const { name, image, profile } = follower
44 
 
45 
  return (
46 
          <div className='user'>
47 
              <div className="w-100 d-flex align-items-center" style={{ gap: '.5rem' }}>
48 
                  <a href={profile} target="_blank" rel="noreferrer">
49 
                      <img src={image} alt={`${name} profile image`} />
50 
                  </a>
51 
                  <h4>{name}</h4>
52 
              </div>
53 
              <a
54 
                  href={profile}
55 
                  className="btn btn-primary"
56 
                  target='_blank'
57 
                  rel="noreferrer"
58 
              >
59 
                  Ver perfil
60 
              </a>
61 
          </div>
62 
  )
63 
}
64 
 
65 
FollowersModal.Item = Item
66 
 
67 
export default FollowersModal