Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4091 Rev 4110
Línea 4... Línea 4...
4 
import { axios } from "../../../utils";
 4 
import { axios } from "../../../utils";
Línea 5... Línea 5...
5 
 
 5 
 
Línea 6... Línea 6...
6 
const PeopleYouMayKnow = () => {
 6 
const PeopleYouMayKnow = () => {
- 
 
 7 
 
7 
 
 8 
  const [peopleYouMayKnow, setPeopleYouMayKnow] = useState([]);
Línea 8... Línea 9...
8 
  const [peopleYouMayKnow, setPeopleYouMayKnow] = useState([]);
 9 
  const [lookMore, setLookMore] = useState(false);
9 
  const dispatch = useDispatch()
 10 
  const dispatch = useDispatch()
10 
 
 11 
 
Línea 40... Línea 41...
40 
 
 41 
 
41 
  useEffect(() => {
 42 
  useEffect(() => {
42 
    getSuggestion()
 43 
    getSuggestion()
Línea -... Línea 44...
- 
 
 44 
  }, []);
- 
 
 45 
 
- 
 
 46 
  const dataSlice = () => {
- 
 
 47 
    let infoFollows = [...peopleYouMayKnow]
- 
 
 48 
    if (!lookMore) {
- 
 
 49 
      infoFollows = infoFollows.slice(0, 3)
- 
 
 50 
    }
- 
 
 51 
    return infoFollows
43 
  }, []);
 52 
  }
44 
 
 53 
 
45 
  return (
 54 
  return (
46 
    <div className='peopleYouMayKnow'>
 55 
    <div className='peopleYouMayKnow'>
47 
      <div className="sd-title d-flex align-items-center justify-content-between">
 56 
      <div className="sd-title d-flex align-items-center justify-content-between">
48 
        <h3>Conecta con:</h3>
 57 
        <h3>Conecta con:</h3>
49 
        <a href="/connection/people-you-may-know" target="_blank">
 58 
        <label onClick={() => setLookMore(!lookMore)}>
50 
          Ver más
 59 
          Ver más
51 
        </a>
 60 
        </label>
52 
      </div>
 61 
      </div>
53 
      <div className='suggest-list'>
 62 
      <div className='suggest-list'>
54 
        {peopleYouMayKnow.length
 63 
        {peopleYouMayKnow.length
55 
          ? peopleYouMayKnow.map(({ id, image, link_cancel, link_request, name, profile }) =>
 64 
          ? dataSlice().map(({ id, image, link_cancel, link_request, name, profile }) =>
56 
            <div className='user' key={id}>
 65 
            <div className='user' key={id}>
57 
              <div className="w-100 d-flex align-items-center" style={{ gap: '.5rem' }}>
 66 
              <div className="w-100 d-flex align-items-center" style={{ gap: '.5rem' }}>
58 
                <a href={profile} target="_blank" rel="noreferrer">
 67 
                <a href={profile} target="_blank" rel="noreferrer">