Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 3899 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 3899 Rev 5434
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React from 'react'
 2 
import React, { useState, useEffect } from 'react'
3 
import { Modal } from 'react-bootstrap'
 3 
import { Modal } from 'react-bootstrap'
4 
import FollowerTemplate from './FollowerTemplate'
 4 
import { axios } from '../../../utils'
Línea 5... Línea 5...
5 
 
 5 
 
6 
const FollowersModal = ({
 6 
const FollowersModal = ({
7 
    isShow = false,
 7 
  isShow = false,
8 
    followers = [],
 8 
  companyId = '',
9 
    handleClose = function () { }
 9 
  handleClose = function () { }
- 
 
 10 
}) => {
- 
 
 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 
  }, [])
10 
}) => {
 24 
 
11 
    return (
 25 
  return (
12 
        <Modal show={isShow} onHide={handleClose}>
 26 
        <Modal show={isShow} onHide={handleClose}>
13 
            <Modal.Header closeButton>
 27 
            <Modal.Header closeButton>
14 
                <h3>Seguidores</h3>
 28 
                <h3>Seguidores</h3>
15 
            </Modal.Header>
 29 
            </Modal.Header>
16 
            <Modal.Body>
 30 
            <Modal.Body>
17 
                {followers.map((follower) =>
 31 
                {followers.map((follower) =>
18 
                    <FollowerTemplate
 32 
                    <FollowersModal.Item
19 
                        key={follower.id}
 33 
                        key={follower.id}
20 
                        follower={follower}
 34 
                        follower={follower}
21 
                    />
 35 
                    />
22 
                )}
 36 
                )}
23 
            </Modal.Body>
 37 
            </Modal.Body>
24 
        </Modal>
 38 
        </Modal>
25 
    )
 39 
  )
Línea 26... Línea -...
26 
}
 - 
 
27 
 
 40 
}
- 
 
 41 
 
- 
 
 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