Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

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