Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 5411 | Ir a la última revisión | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5411 Rev 5414
Línea 1... Línea 1...
1 
/* eslint-disable react/prop-types */
 1 
/* eslint-disable react/prop-types */
2 
import React from 'react'
 - 
 
3 
import { useEffect, useState } from 'react'
 2 
import React, { useEffect, useState } from 'react'
4 
import { axios } from '../../../utils'
 3 
import { axios } from '../../../utils'
5 
import FollowersModal from './FollowersModal'
 4 
import FollowersModal from './FollowersModal'
6 
import FollowerTemplate from './FollowerTemplate'
 5 
import FollowerTemplate from './FollowerTemplate'
- 
 
 6 
import EmptySection from '../../empty-section/EmptySection'
Línea 7... Línea 7...
7 
 
 7 
 
8 
const CompanyFollowersHelper = ({ companyId }) => {
 8 
const CompanyFollowersHelper = ({ companyId }) => {
9 
  const [companyFollowers, setCompanyFollowers] = useState([])
 9 
  const [companyFollowers, setCompanyFollowers] = useState([])
10 
  const [showFollowersModal, setShowFollowersModal] = useState(false)
 10 
  const [showFollowersModal, setShowFollowersModal] = useState(false)
Línea 17... Línea 17...
17 
      })
 17 
      })
18 
  }, [])
 18 
  }, [])
Línea 19... Línea 19...
19 
 
 19 
 
20 
  const getData = () => {
 20 
  const getData = () => {
21 
    let infoFollows = [...companyFollowers]
 - 
 
22 
    if (!lookMore) {
 21 
    let infoFollows = [...companyFollowers]
23 
      infoFollows = infoFollows.slice(0, 3)
 - 
 
24 
    }
 22 
    if (!lookMore) infoFollows = infoFollows.slice(0, 3)
25 
    return infoFollows
 23 
    return infoFollows
Línea 26... Línea 24...
26 
  }
 24 
  }
27 
 
 25 
 
28 
  return (
 26 
  return (
29 
    <>
 27 
    <>
30 
      <div className="peopleYouMayKnow">
 28 
      <div className="suggests_widget">
31 
        <div className="sd-title d-flex align-items-center justify-content-between">
 - 
 
32 
          <h3>Seguidores:</h3>
 - 
 
33 
          <a href="#"
 - 
 
34 
            onClick={(e) => {
 29 
        <div className="suggests_widget-header">
35 
              e.preventDefault()
 - 
 
36 
              setLookMore(!lookMore)
 - 
 
37 
            }}
 30 
          <h3>Seguidores:</h3>
38 
          >
 31 
          <span onClick={() => setLookMore(!lookMore)}>
39 
            {lookMore ? 'Ver menos' : 'Ver mas'}
 32 
            {lookMore ? 'Ver menos' : 'Ver mas'}
40 
          </a>
 33 
          </span>
41 
        </div>
 34 
        </div>
42 
        <div className="suggest-list">
 35 
        <div className="suggest-list">
43 
          {companyFollowers.length
 36 
          {companyFollowers.length
44 
            ? getData().map((follower) =>
 37 
            ? getData().map((follower) =>
45 
              <FollowerTemplate
 38 
              <FollowerTemplate
46 
                key={follower.id}
 39 
                key={follower.id}
47 
                follower={follower}
 40 
                follower={follower}
48 
              />
 41 
              />
49 
            )
 42 
            )
50 
            : <div className="view-more">Sin seguidores</div>
 43 
            : <EmptySection message='Sin seguidores' />
51 
          }
 44 
          }
52 
        </div>
 45 
        </div>
53 
      </div>
 46 
      </div>