Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
1453 stevensc 1 
import React, { useEffect, useState } from 'react'
2 
import { useSelector } from 'react-redux'
1454 stevensc 3 
import {
4 
  Avatar,
5 
  List,
6 
  ListItem,
7 
  ListItemAvatar,
8 
  ListItemButton,
9 
  ListItemText
10 
} from '@mui/material'
5 stevensc 11 
 
1453 stevensc 12 
import { axios } from '../../utils'
1454 stevensc 13 
 
1453 stevensc 14 
import Modal from 'components/UI/modal/Modal'
1454 stevensc 15 
import TextInput from 'components/UI/inputs/TextInput'
1453 stevensc 16 
 
5 stevensc 17 
const StartConversationModal = ({ show, setConversation, onClose }) => {
1454 stevensc 18 
  const [users, setUsers] = useState([])
1453 stevensc 19 
  const [search, setSearch] = useState('')
20 
  const labels = useSelector(({ intl }) => intl.labels)
5 stevensc 21 
 
1454 stevensc 22 
  const handleSearch = (value) => setSearch(value)
5 stevensc 23 
 
24 
  const searchUsers = async (value) => {
25 
    try {
1453 stevensc 26 
      const { data } = await axios.get('/helpers/search-people?search=' + value)
1454 stevensc 27 
      if (data.success) setUsers(data.data)
5 stevensc 28 
    } catch (error) {
1453 stevensc 29 
      console.log('>>: error > ', error)
5 stevensc 30 
    }
1453 stevensc 31 
  }
5 stevensc 32 
 
1454 stevensc 33 
  const openChat = (uuid) => {
5 stevensc 34 
    axios.get(`/inmail/${uuid}`).then(({ data }) => {
35 
      if (data.success) {
36 
        const newConversation = data.data.find(
37 
          (conversation) => conversation.uuid === uuid
1453 stevensc 38 
        )
39 
        setConversation(newConversation)
5 stevensc 40 
      }
1453 stevensc 41 
    })
5 stevensc 42 
 
1453 stevensc 43 
    onClose()
44 
  }
5 stevensc 45 
 
46 
  useEffect(() => {
1453 stevensc 47 
    searchUsers(search)
48 
  }, [search])
5 stevensc 49 
 
50 
  return (
1453 stevensc 51 
    <Modal title={labels.create_inmail} show={show} onClose={onClose}>
1454 stevensc 52 
      <TextInput
53 
        type='text'
54 
        label={labels.write_name}
55 
        name='search-contact'
56 
        placeholder={labels.write_person_name}
57 
        onChange={(e) => handleSearch(e.target.value)}
58 
      />
1453 stevensc 59 
 
1454 stevensc 60 
      <List sx={{ width: '100%' }}>
61 
        {users.map((user) => {
62 
          const { text, value } = user
63 
 
1453 stevensc 64 
          return (
1454 stevensc 65 
            <ListItem key={value} disablePadding disableRipple>
1614 stevensc 66 
              <ListItemButton disableRipple onClick={() => openChat(value)}>
1454 stevensc 67 
                <ListItemAvatar>
68 
                  <Avatar alt={`${text} image`} src='' />
69 
                </ListItemAvatar>
70 
 
71 
                <ListItemText primary={text} />
72 
              </ListItemButton>
73 
            </ListItem>
1453 stevensc 74 
          )
75 
        })}
1454 stevensc 76 
      </List>
5 stevensc 77 
    </Modal>
1453 stevensc 78 
  )
79 
}
5 stevensc 80 
 
1453 stevensc 81 
export default StartConversationModal