Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5354 Rev 5355
Línea 25... Línea 25...
25 
 
 25 
 
26 
  const getContacts = (searchValue = '') => {
 26 
  const getContacts = (searchValue = '') => {
27 
    setLoading(true)
 27 
    setLoading(true)
28 
    axios.get(`/chat/users?search=${searchValue.toLowerCase()}`)
 28 
    axios.get(`/chat/users?search=${searchValue.toLowerCase()}`)
- 
 
 29 
      .then(({ data: response }) => {
29 
      .then(({ data: response }) => {
 30 
        if (!response.success) {
- 
 
 31 
          return dispatch(addNotification({ style: 'danger', msg: 'Ha ocurrido un error' }))
30 
        if (!response.success) return dispatch(addNotification({ style: 'danger', msg: 'Ha ocurrido un error' }))
 32 
        }
31 
        setContacts(response.data)
 33 
        console.log(response.data)
32 
      })
 34 
      })
33 
      .finally(() => setLoading(false))
 35 
      .finally(() => setLoading(false))
Línea 34... Línea 36...
34 
  }
 36 
  }
Línea 62... Línea 64...
62 
            onChange={(e) => handleSearch(e.target.value)}
 64 
            onChange={(e) => handleSearch(e.target.value)}
63 
          />
 65 
          />
64 
        </div>
 66 
        </div>
65 
        {loading
 67 
        {loading
66 
          ? <Spinner />
 68 
          ? <Spinner />
67 
          : contacts.map((name, image, link_open_or_create) => {
 69 
          : contacts.map(({ name, image, link_open_or_create }) => (
68 
            return (
 - 
 
69 
              <div key={name} className="d-flex align-items-center justify-content-around">
 70 
              <div key={name} className="d-flex align-items-center justify-content-around">
70 
                <div className="d-flex align-items-center">
 71 
                <div className="d-flex align-items-center">
71 
                  <img src={image} alt={`User ${name} image`} />
 72 
                  <img src={image} alt={`User ${name} image`} />
72 
                  <p>{name}</p>
 73 
                  <p>{name}</p>
73 
                </div>
 74 
                </div>
Línea 74... Línea 75...
74 
 
 75 
 
75 
                <button className='btn btn-primary' onClick={() => startConversation(link_open_or_create)}>
 76 
                <button className='btn btn-primary' onClick={() => startConversation(link_open_or_create)}>
76 
                  <SendIcon />
 77 
                  <SendIcon />
77 
                </button>
 78 
                </button>
78 
              </div>
 - 
 
79 
            )
 79 
              </div>
80 
          })}
 80 
          ))}
81 
      </Modal.Body>
 81 
      </Modal.Body>
82 
    </Modal>
 82 
    </Modal>
83 
  )
 83 
  )