Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 4945 Rev 5107
Línea -... Línea 1...
- 
 
 1 
/* eslint-disable camelcase */
1 
import React, { useEffect, useState } from "react";
 2 
import React, { useEffect, useState } from 'react'
2 
import { axios } from "../../../../utils";
 3 
import { axios } from '../../../../utils'
3 
import { useDispatch } from "react-redux";
 4 
import { useDispatch } from 'react-redux'
4 
import { addNotification } from "../../../../redux/notification/notification.actions";
 5 
import { addNotification } from '../../../../redux/notification/notification.actions'
5 
import EastIcon from '@mui/icons-material/East';
 6 
import EastIcon from '@mui/icons-material/East'
6 
import EmptySection from "../../../../shared/empty-section/EmptySection";
 7 
import EmptySection from '../../../../shared/empty-section/EmptySection'
7 
import './Widget.scss'
 8 
import './Widget.scss'
Línea 8... Línea 9...
8 
 
 9 
 
9 
const PeopleYouMayKnow = () => {
 10 
const PeopleYouMayKnow = () => {
10 
    const [peopleYouMayKnow, setPeopleYouMayKnow] = useState([]);
 11 
  const [peopleYouMayKnow, setPeopleYouMayKnow] = useState([])
Línea 11... Línea 12...
11 
    const dispatch = useDispatch()
 12 
  const dispatch = useDispatch()
12 
 
 13 
 
13 
    const handleConnect = (url) => {
 14 
  const handleConnect = (url) => {
14 
        axios.post(url)
 15 
    axios.post(url)
15 
            .then(({ data }) => {
 16 
      .then(({ data }) => {
16 
                if (!data.success) {
 17 
        if (!data.success) {
17 
                    return dispatch(addNotification({
 18 
          return dispatch(addNotification({
18 
                        style: 'danger',
 19 
            style: 'danger',
19 
                        msg: typeof data.data === 'string'
 20 
            msg: typeof data.data === 'string'
20 
                            ? data.data
 - 
 
21 
                            : 'Ha ocurrido un error'
 - 
 
22 
                    }))
 - 
 
23 
                }
 - 
 
24 
 
 - 
 
25 
                dispatch(addNotification({
 - 
 
26 
                    style: 'success',
 - 
 
27 
                    msg: data.data
 - 
 
28 
                }))
 21 
              ? data.data
29 
                return getSuggestion()
 - 
 
30 
            })
 - 
 
31 
    }
 - 
 
32 
 
 - 
 
33 
    const getSuggestion = async (url = `/helpers/people-you-may-know`) => {
 - 
 
34 
        try {
 - 
 
35 
            const { data: response } = await axios.get(url)
 - 
 
36 
            if (response.success) setPeopleYouMayKnow(response.data.slice(0, 3));
 - 
 
37 
        } catch (error) {
 22 
              : 'Ha ocurrido un error'
- 
 
 23 
          }))
- 
 
 24 
        }
- 
 
 25 
 
- 
 
 26 
        dispatch(addNotification({
- 
 
 27 
          style: 'success',
- 
 
 28 
          msg: data.data
- 
 
 29 
        }))
- 
 
 30 
        return getSuggestion()
- 
 
 31 
      })
- 
 
 32 
  }
- 
 
 33 
 
- 
 
 34 
  const getSuggestion = async (url = '/helpers/people-you-may-know') => {
- 
 
 35 
    try {
- 
 
 36 
      const { data: response } = await axios.get(url)
- 
 
 37 
      if (response.success) setPeopleYouMayKnow(response.data.slice(0, 3))
38 
            console.log(error);
 38 
    } catch (error) {
- 
 
 39 
      console.log(error)
Línea 39... Línea 40...
39 
        }
 40 
    }
40 
    }
 41 
  }
41 
 
 42 
 
Línea 42... Línea 43...
42 
    useEffect(() => {
 43 
  useEffect(() => {
43 
        getSuggestion()
 44 
    getSuggestion()
44 
    }, []);
 45 
  }, [])
45 
 
 46 
 
46 
    return (
 47 
  return (
47 
        <div className='linked__widget'>
 48 
        <div className='linked__widget'>
48 
            <div className="linked__widget-header">
 49 
            <div className="linked__widget-header">
49 
                <h3>Conecta con:</h3>
 50 
                <h3>{`${LABELS.CONNECT_WITH}:`}</h3>
50 
            </div>
 51 
            </div>
51 
            <div className='linked__widget-list'>
 52 
            <div className='linked__widget-list'>
52 
                {peopleYouMayKnow.length
 53 
                {peopleYouMayKnow.length
53 
                    ? peopleYouMayKnow.map(({ id, image, link_cancel, link_request, name, profile }) => {
 54 
                  ? peopleYouMayKnow.map(({ id, image, link_cancel, link_request, name, profile }) => {
54 
                        return (
 55 
                    return (
55 
                            <div className="linked__widget-content" key={id}>
 56 
                            <div className="linked__widget-content" key={id}>
Línea 61... Línea 62...
61 
                                    {link_request &&
 62 
                                    {link_request &&
62 
                                        <button
 63 
                                        <button
63 
                                            className="btn btn-primary"
 64 
                                            className="btn btn-primary"
64 
                                            onClick={() => handleConnect(link_request)}
 65 
                                            onClick={() => handleConnect(link_request)}
65 
                                        >
 66 
                                        >
66 
                                            Conectar
 67 
                                            {LABELS.CONNECT}
67 
                                        </button>
 68 
                                        </button>
68 
                                    }
 69 
                                    }
69 
                                    {link_cancel &&
 70 
                                    {link_cancel &&
70 
                                        <button
 71 
                                        <button
71 
                                            className="btn btn-secondary"
 72 
                                            className="btn btn-secondary"
72 
                                            onClick={() => handleConnect(link_cancel)}
 73 
                                            onClick={() => handleConnect(link_cancel)}
73 
                                        >
 74 
                                        >
74 
                                            Cancelar
 75 
                                            {LABELS.CANCEL}
75 
                                        </button>
 76 
                                        </button>
76 
                                    }
 77 
                                    }
77 
                                </div>
 78 
                                </div>
78 
                            </div>
 79 
                            </div>
79 
                        )
 80 
                    )
80 
                    })
 81 
                  })
81 
                    : <EmptySection message="Sin sugerencias" />
 82 
                  : <EmptySection message="Sin sugerencias" />
82 
                }
 83 
                }
83 
            </div>
 84 
            </div>
84 
            <a href="/connection/people-you-may-know" target='_blank' >
 85 
            <a href="/connection/people-you-may-know" target='_blank' >
85 
                Ver todas las recomendaciones
 86 
                {LABELS.VIEW_RECOMMENDATIONS}
86 
                <EastIcon className="ml-2" />
 87 
                <EastIcon className="ml-2" />
87 
            </a>
 88 
            </a>
88 
        </div >
 89 
        </div >
89 
    );
 90 
  )
90 
};
 91 
}
Línea 91... Línea 92...
91 
 
 92