Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5289 Rev 6278
Línea 10... Línea 10...
10 
const PeopleYouMayKnow = () => {
 10 
const PeopleYouMayKnow = () => {
11 
  const [peopleYouMayKnow, setPeopleYouMayKnow] = useState([])
 11 
  const [peopleYouMayKnow, setPeopleYouMayKnow] = useState([])
12 
  const dispatch = useDispatch()
 12 
  const dispatch = useDispatch()
Línea 13... Línea 13...
13 
 
 13 
 
14 
  const handleConnect = (url) => {
 14 
  const handleConnect = (url) => {
15 
    axios.post(url)
 15 
    axios.post(url).then(({ data }) => {
16 
      .then(({ data }) => {
 16 
      if (!data.success) {
17 
        if (!data.success) {
 17 
        return dispatch(
18 
          return dispatch(addNotification({
 18 
          addNotification({
- 
 
 19 
            style: 'danger',
19 
            style: 'danger',
 20 
            msg:
20 
            msg: typeof data.data === 'string'
 21 
              typeof data.data === 'string'
21 
              ? data.data
 22 
                ? data.data
22 
              : 'Ha ocurrido un error'
 23 
                : 'Ha ocurrido un error',
23 
          }))
 24 
          })
- 
 
 25 
        )
Línea -... Línea 26...
- 
 
 26 
      }
24 
        }
 27 
 
25 
 
 28 
      dispatch(
26 
        dispatch(addNotification({
 29 
        addNotification({
27 
          style: 'success',
 30 
          style: 'success',
- 
 
 31 
          msg: data.data,
28 
          msg: data.data
 32 
        })
29 
        }))
 33 
      )
30 
        return getSuggestion()
 34 
      return getSuggestion()
Línea 31... Línea 35...
31 
      })
 35 
    })
32 
  }
 36 
  }
33 
 
 37 
 
Línea 43... Línea 47...
43 
  useEffect(() => {
 47 
  useEffect(() => {
44 
    getSuggestion()
 48 
    getSuggestion()
45 
  }, [])
 49 
  }, [])
Línea 46... Línea 50...
46 
 
 50 
 
47 
  return (
 51 
  return (
48 
        <div className='linked__widget'>
 52 
    <div className="linked__widget">
49 
            <div className="linked__widget-header">
 53 
      <div className="linked__widget-header">
50 
                <h3>{`${LABELS.CONNECT_WITH}:`}</h3>
 54 
        <h3>{`${LABELS.CONNECT_WITH}:`}</h3>
51 
            </div>
 55 
      </div>
52 
            <div className='linked__widget-list'>
 56 
      <div className="linked__widget-list">
53 
                {peopleYouMayKnow.length
 57 
        {peopleYouMayKnow.length ? (
- 
 
 58 
          peopleYouMayKnow.map(
- 
 
 59 
            ({
- 
 
 60 
              id,
- 
 
 61 
              image,
- 
 
 62 
              link_cancel,
- 
 
 63 
              link_request,
- 
 
 64 
              name,
- 
 
 65 
              profile,
- 
 
 66 
              user_profile,
54 
                  ? peopleYouMayKnow.map(({ id, image, link_cancel, link_request, name, profile }) => {
 67 
            }) => {
55 
                    return (
 68 
              return (
56 
                            <div className="linked__widget-content" key={id}>
 69 
                <div className="linked__widget-content" key={id}>
57 
                                <a href={profile} target="_blank" rel="noreferrer">
 70 
                  <a href={profile} target="_blank" rel="noreferrer">
58 
                                    <img src={image} alt={`${name} profile image`} />
 71 
                    <img src={image} alt={`${name} profile image`} />
59 
                                </a>
 72 
                  </a>
60 
                                <div className="linked__widget-info">
 73 
                  <div className="linked__widget-info">
- 
 
 74 
                    <h4>{name}</h4>
61 
                                    <h4>{name}</h4>
 75 
                    {user_profile & <p>{user_profile}</p>}
62 
                                    {link_request &&
 76 
                    {link_request && (
63 
                                        <button
 77 
                      <button
64 
                                            className="btn btn-primary"
 78 
                        className="btn btn-primary"
65 
                                            onClick={() => handleConnect(link_request)}
 79 
                        onClick={() => handleConnect(link_request)}
66 
                                        >
 80 
                      >
67 
                                            {LABELS.CONNECT}
 81 
                        {LABELS.CONNECT}
68 
                                        </button>
 82 
                      </button>
69 
                                    }
 83 
                    )}
70 
                                    {link_cancel &&
 84 
                    {link_cancel && (
71 
                                        <button
 85 
                      <button
72 
                                            className="btn btn-secondary"
 86 
                        className="btn btn-secondary"
73 
                                            onClick={() => handleConnect(link_cancel)}
 87 
                        onClick={() => handleConnect(link_cancel)}
74 
                                        >
 88 
                      >
75 
                                            {LABELS.CANCEL}
 89 
                        {LABELS.CANCEL}
76 
                                        </button>
 90 
                      </button>
77 
                                    }
 91 
                    )}
78 
                                </div>
 92 
                  </div>
79 
                            </div>
 93 
                </div>
80 
                    )
 94 
              )
- 
 
 95 
            }
- 
 
 96 
          )
81 
                  })
 97 
        ) : (
82 
                  : <EmptySection message="Sin sugerencias" />
 98 
          <EmptySection message="Sin sugerencias" />
83 
                }
 99 
        )}
84 
            </div>
 100 
      </div>
85 
            <a href="/connection/people-you-may-know" target='_blank' >
 101 
      <a href="/connection/people-you-may-know" target="_blank">
86 
                {LABELS.VIEW_RECOMMENDATIONS}
 102 
        {LABELS.VIEW_RECOMMENDATIONS}
87 
                <EastIcon className="ml-2" />
 103 
        <EastIcon className="ml-2" />
88 
            </a>
 104 
      </a>
89 
        </div>
 105 
    </div>
90 
  )
 106 
  )
Línea 91... Línea 107...
91 
}
 107 
}