Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5867 Rev 6005
Línea 24... Línea 24...
24 
 
 24 
 
Línea 25... Línea 25...
25 
  const handleSearch = debounce((value) => getContacts(value), 500)
 25 
  const handleSearch = debounce((value) => getContacts(value), 500)
26 
 
 26 
 
- 
 
 27 
  const getContacts = (searchValue = '') => {
27 
  const getContacts = (searchValue = '') => {
 28 
    setLoading(true)
28 
    setLoading(true)
 29 
    axios
29 
    axios.get(`/chat/users?search=${searchValue.toLowerCase()}`)
 30 
      .get(`/chat/users?search=${searchValue.toLowerCase()}`)
- 
 
 31 
      .then(({ data: response }) => {
30 
      .then(({ data: response }) => {
 32 
        if (!response.success) {
- 
 
 33 
          return dispatch(
31 
        if (!response.success) {
 34 
            addNotification({ style: 'danger', msg: 'Ha ocurrido un error' })
32 
          return dispatch(addNotification({ style: 'danger', msg: 'Ha ocurrido un error' }))
 35 
          )
33 
        }
 36 
        }
34 
        setContacts(response.data)
 37 
        setContacts(response.data)
35 
      })
 38 
      })
Línea 36... Línea 39...
36 
      .finally(() => setLoading(false))
 39 
      .finally(() => setLoading(false))
37 
  }
 40 
  }
- 
 
 41 
 
38 
 
 42 
  const startConversation = (create_url = '') => {
39 
  const startConversation = (create_url = '') => {
 43 
    setLoading(true)
40 
    setLoading(true)
 44 
    axios
41 
    axios.post(create_url)
 45 
      .post(create_url)
42 
      .then(({ data: response }) => {
 46 
      .then(({ data: response }) => {
43 
        if (response.success) closeModal()
 47 
        if (response.success) closeModal()
Línea 52... Línea 56...
52 
  return (
 56 
  return (
53 
    <Modal show={isShow} onHide={closeModal}>
 57 
    <Modal show={isShow} onHide={closeModal}>
54 
      <Modal.Header closeButton>
 58 
      <Modal.Header closeButton>
55 
        <h3 className="card-title font-weight-bold">Iniciar conversación</h3>
 59 
        <h3 className="card-title font-weight-bold">Iniciar conversación</h3>
56 
      </Modal.Header>
 60 
      </Modal.Header>
57 
      <Modal.Body className='pb-3'>
 61 
      <Modal.Body className="pb-3">
58 
        <div className="form-group">
 62 
        <div className="form-group">
59 
          <label htmlFor="search-people">Escribe el nombre</label>
 63 
          <label htmlFor="search-people">Escribe el nombre</label>
60 
          <input
 64 
          <input
61 
            type="text"
 65 
            type="text"
62 
            className="form-control"
 66 
            className="form-control"
63 
            placeholder="Escribe el nombre de la persona"
 67 
            placeholder="Escribe el nombre de la persona"
64 
            onChange={(e) => handleSearch(e.target.value)}
 68 
            onChange={(e) => handleSearch(e.target.value)}
65 
          />
 69 
          />
66 
        </div>
 70 
        </div>
67 
        {loading
 71 
        {loading ? (
68 
          ? <Spinner />
 72 
          <Spinner />
- 
 
 73 
        ) : (
- 
 
 74 
          <ul>
69 
          : contacts.map(({ name, image, link_open_or_create }) => (
 75 
            {contacts.map(({ name, image, link_open_or_create }) => (
- 
 
 76 
              <li key={name}>
70 
              <div key={name} className="d-flex align-items-center justify-content-around" style={{ gap: '.5rem' }}>
 77 
                <div className="d-flex align-items-center justify-content-between gap-3">
71 
                <div className="d-flex align-items-center" style={{ gap: '.5rem' }}>
 78 
                  <div className="d-flex align-items-center gap-3">
- 
 
 79 
                    <img
- 
 
 80 
                      src={image}
- 
 
 81 
                      alt={`User ${name} image`}
- 
 
 82 
                      width={40}
- 
 
 83 
                      height={40}
72 
                  <img src={image} alt={`User ${name} image`} width={40} height={40} style={{ borderRadius: '50%' }}/>
 84 
                      style={{ borderRadius: '50%' }}
- 
 
 85 
                    />
73 
                  <p>{name}</p>
 86 
                    <p>{name}</p>
- 
 
 87 
                  </div>
- 
 
 88 
 
- 
 
 89 
                  <button
- 
 
 90 
                    className="btn btn-primary"
- 
 
 91 
                    onClick={() => startConversation(link_open_or_create)}
- 
 
 92 
                  >
- 
 
 93 
                    <SendIcon />
- 
 
 94 
                  </button>
74 
                </div>
 95 
                </div>
75 
 
 - 
 
76 
                <button className='btn btn-primary' onClick={() => startConversation(link_open_or_create)}>
 - 
 
77 
                  <SendIcon />
 96 
              </li>
78 
                </button>
 97 
            ))}
79 
              </div>
 98 
          </ul>
80 
          ))}
 99 
        )}
81 
      </Modal.Body>
 100 
      </Modal.Body>
82 
    </Modal>
 101 
    </Modal>
83 
  )
 102 
  )
84 
}
 103 
}