Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

Rev 2443 | Rev 2944 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1 www 1 
import React from "react";
2 
import { useEffect, useState } from "react";
2443 stevensc 3 
import { axios } from "../../../utils";
2943 stevensc 4 
import styles from "../../../shared/helpers/people-you-may-know/peopleYouMayKnow.module.scss";
1 www 5 
 
6 
const CompanyFollowersHelper = (props) => {
7 
  // props destructuring
8 
  const { companyId } = props;
9 
 
10 
  // states
11 
  const [companyFollowers, setCompanyFollowers] = useState([]);
1696 steven 12 
  const [lookMore, setLookMore] = useState(false);
1 www 13 
  useEffect(() => {
14 
    axios.get(`/helpers/company-follower/${companyId}`).then((response) => {
15 
      const resData = response.data;
16 
      if (resData.success) {
17 
        setCompanyFollowers(resData.data);
18 
      } else {
19 
        // alert error
20 
      }
21 
    });
22 
  }, []);
1696 steven 23 
 
24 
  const getData = () => {
25 
    let infoFollows = [...companyFollowers]
2443 stevensc 26 
    if (!lookMore) {
2943 stevensc 27 
      infoFollows = infoFollows.slice(0, 3);
1696 steven 28 
    }
29 
    return infoFollows
30 
  }
1 www 31 
  return (
2943 stevensc 32 
    <div className="widget suggestions d-none d-md-block d-lg-block">
33 
      <div className="sd-title d-flex align-items-center justify-content-between">
34 
        <h3>Seguidores:</h3>
35 
        <div className="w-100 text-center">
36 
          <a href="#"
37 
            className="btn btn-primary"
38 
            onClick={(e) => {
39 
              e.preventDefault()
40 
              setLookMore(!lookMore)
41 
            }}
42 
          >
43 
            {lookMore ? 'Ver menos' : 'Ver mas'}
44 
          </a>
45 
        </div>
2443 stevensc 46 
      </div>
47 
      <div className="mb-2" id="suggestions-similar-groups" style={{ height: '80%', overflowY: 'auto' }}>
48 
        {companyFollowers.length
49 
          ? getData().map(({ id, name, image, profile }) => (
2943 stevensc 50 
            <div className={styles.user} key={id}>
51 
              <div className="w-100 d-flex align-items-center" style={{ gap: '.5rem' }}>
1 www 52 
                <a href={profile} target="_blank">
2943 stevensc 53 
                  <img src={image} alt={`${name} profile image`} />
1 www 54 
                </a>
2943 stevensc 55 
                <h4>{name}</h4>
1 www 56 
              </div>
2943 stevensc 57 
              <div className="w-100 d-flex align-items-center justify-content-start" style={{ gap: '.5rem' }}>
58 
                <a
59 
                  href={profile}
60 
                  className="btn btn-primary"
61 
                  target='_blank'
62 
                  rel="noreferrer"
63 
                  style={{ fontSize: '.9rem', borderRadius: '4px' }}
64 
                >
65 
                  Ver perfil
66 
                </a>
67 
              </div>
1 www 68 
            </div>
69 
          ))
2443 stevensc 70 
          : <div className="view-more">Sin seguidores</div>
71 
        }
1 www 72 
      </div>
2443 stevensc 73 
    </div>
1 www 74 
  );
75 
};
76 
 
77 
export default CompanyFollowersHelper;