Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5414 Rev 5434
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React, { useEffect, useState } from 'react'
 2 
import React, { useState } from 'react'
3 
import { axios } from '../../../utils'
 - 
 
4 
import FollowersModal from './FollowersModal'
 3 
import FollowersModal from './FollowersModal'
5 
import FollowerTemplate from './FollowerTemplate'
 - 
 
6 
import EmptySection from '../../empty-section/EmptySection'
 4 
import SuggestWidget from '../my-groups-helper/SuggestWidget'
Línea 7... Línea 5...
7 
 
 5 
 
8 
const CompanyFollowersHelper = ({ companyId }) => {
 - 
 
9 
  const [companyFollowers, setCompanyFollowers] = useState([])
 6 
const CompanyFollowersHelper = ({ companyId }) => {
10 
  const [showFollowersModal, setShowFollowersModal] = useState(false)
 - 
 
11 
  const [lookMore, setLookMore] = useState(false)
 - 
 
12 
 
 - 
 
13 
  useEffect(() => {
 - 
 
14 
    axios.get(`/helpers/company-follower/${companyId}`)
 - 
 
15 
      .then(({ data }) => {
 - 
 
16 
        if (data.success) setCompanyFollowers(data.data)
 - 
 
17 
      })
 - 
 
18 
  }, [])
 - 
 
19 
 
 - 
 
20 
  const getData = () => {
 - 
 
21 
    let infoFollows = [...companyFollowers]
 - 
 
22 
    if (!lookMore) infoFollows = infoFollows.slice(0, 3)
 - 
 
23 
    return infoFollows
 - 
 
Línea 24... Línea 7...
24 
  }
 7 
  const [showFollowersModal, setShowFollowersModal] = useState(false)
25 
 
 8 
 
26 
  return (
 - 
 
27 
    <>
 - 
 
28 
      <div className="suggests_widget">
 - 
 
29 
        <div className="suggests_widget-header">
 - 
 
30 
          <h3>Seguidores:</h3>
 - 
 
31 
          <span onClick={() => setLookMore(!lookMore)}>
 - 
 
32 
            {lookMore ? 'Ver menos' : 'Ver mas'}
 - 
 
33 
          </span>
 - 
 
34 
        </div>
 - 
 
35 
        <div className="suggest-list">
 - 
 
36 
          {companyFollowers.length
 - 
 
37 
            ? getData().map((follower) =>
 - 
 
38 
              <FollowerTemplate
 - 
 
39 
                key={follower.id}
 - 
 
40 
                follower={follower}
 - 
 
41 
              />
 9 
  return (
42 
            )
 - 
 
43 
            : <EmptySection message='Sin seguidores' />
 - 
 
44 
          }
 - 
 
45 
        </div>
 10 
    <>
46 
      </div>
 11 
      <SuggestWidget url={`/helpers/company-follower/${companyId}`} title='Seguidores:' />
47 
      <button
 12 
      <button
48 
        onClick={() => setShowFollowersModal(!showFollowersModal)}
 13 
        onClick={() => setShowFollowersModal(!showFollowersModal)}
49 
        className="btn btn-primary btn-sm w-100 d-md-none"
 14 
        className="btn btn-primary btn-sm w-100 d-md-none"
50 
      >
 15 
      >
51 
        Ver seguidores
 16 
        Ver seguidores
- 
 
 17 
      </button>
52 
      </button>
 18 
      <FollowersModal
53 
      <FollowersModal
 - 
 
54 
        isShow={showFollowersModal}
 19 
        companyId={companyId}
55 
        followers={companyFollowers}
 20 
        isShow={showFollowersModal}
56 
        handleClose={() => setShowFollowersModal(false)}
 21 
        handleClose={() => setShowFollowersModal(false)}
57 
      />
 22 
      />
58 
    </>
 23 
    </>