Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 1 Rev 1773
Línea 6... Línea 6...
6 
  // props destructuring
 6 
  // props destructuring
7 
  const { groupId } = props;
 7 
  const { groupId } = props;
Línea 8... Línea 8...
8 
 
 8 
 
9 
  // states
 9 
  // states
10 
  const [suggestedGroups, setSuggestedGroups] = useState([]);
 - 
 
- 
 
 10 
  const [suggestedGroups, setSuggestedGroups] = useState([]);
11 
 
 11 
  const [lookMore, setLookMore] = useState(false);
12 
  useEffect(() => {
 12 
  useEffect(() => {
13 
    axios.get(`/helpers/groups-suggestion/${groupId}`).then((response) => {
 13 
    axios.get(`/helpers/groups-suggestion/${groupId}`).then((response) => {
14 
      const resData = response.data;
 14 
      const resData = response.data;
15 
      if (resData.success) {
 15 
      if (resData.success) {
16 
        setSuggestedGroups(resData.data);
 16 
        setSuggestedGroups(resData.data);
17 
      } else {
 17 
      } else {
18 
        // alert error
 18 
        // alert error
19 
      }
 19 
      }
20 
    });
 20 
    });
- 
 
 21 
  }, []);
- 
 
 22 
 
- 
 
 23 
  const getData = () => {
- 
 
 24 
    let infoFollows = [...suggestedGroups]
- 
 
 25 
    if(!lookMore){
- 
 
 26 
      infoFollows = infoFollows.slice(0, 5);
- 
 
 27 
    }
- 
 
 28 
    return infoFollows
21 
  }, []);
 29 
  }
22 
  return (
 30 
  return (
23 
    <React.Fragment>
 31 
    <React.Fragment>
24 
      <div
 32 
      <div
25 
        className="widget suggestions full-width"
 33 
        className="widget suggestions full-width"
Línea 32... Línea 40...
32 
        <div className="sd-title">
 40 
        <div className="sd-title">
33 
          <h3>Grupos Similares</h3>
 41 
          <h3>Grupos Similares</h3>
34 
        </div>
 42 
        </div>
35 
        {/* <!--sd-title end--> */}
 43 
        {/* <!--sd-title end--> */}
36 
        {suggestedGroups.length ? (
 44 
        {suggestedGroups.length ? (
37 
          suggestedGroups.map(({ id, name, image, profile }) => (
 45 
          getData().map(({ id, name, image, profile }) => (
38 
            <div className="suggestion-usd" key={id}>
 46 
            <div className="suggestion-usd" key={id}>
39 
              <div
 47 
              <div
40 
                className="row"
 48 
                className="row"
41 
              >
 49 
              >
42 
                <div
 50 
                <div
Línea 62... Línea 70...
62 
            </div>
 70 
            </div>
63 
          ))
 71 
          ))
64 
        ) : (
 72 
        ) : (
65 
          <div className="view-more">Sin sugerencias</div>
 73 
          <div className="view-more">Sin sugerencias</div>
66 
        )}
 74 
        )}
- 
 
 75 
        {
- 
 
 76 
          suggestionCompanies.length >= 5 && (
- 
 
 77 
            <div
- 
 
 78 
              className="w-100 text-center"
- 
 
 79 
            >
- 
 
 80 
              <button className="btn btn-primary" onClick={() => setLookMore(!lookMore)}>
- 
 
 81 
                {lookMore ? 'Ver menos' : 'Ver mas'}
- 
 
 82 
              </button>
- 
 
 83 
            </div>
- 
 
 84 
          )
- 
 
 85 
        }
67 
      </div>
 86 
      </div>
68 
    </React.Fragment>
 87 
    </React.Fragment>
69 
  );
 88 
  );
70 
};
 89 
};