Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 5 | Mostrar el archivo completo | | | Autoría | Ultima modificación | Ver Log |

Rev 5 Rev 1710
Línea 6... Línea 6...
6 
import InboxIcon from '@mui/icons-material/Inbox'
 6 
import InboxIcon from '@mui/icons-material/Inbox'
Línea 7... Línea 7...
7 
 
 7 
 
8 
import Chat from './Chat'
 8 
import Chat from './Chat'
9 
import EmptySection from '../UI/EmptySection'
 9 
import EmptySection from '../UI/EmptySection'
- 
 
 10 
import ConfirmModal from '../modals/ConfirmModal'
Línea 10... Línea 11...
10 
import ConfirmModal from '../modals/ConfirmModal'
 11 
import MessagesList from './messages-list'
11 
 
 12 
 
12 
const InmailChat = ({ conversation, changeConversation }) => {
 13 
const InmailChat = ({ conversation, changeConversation }) => {
13 
  const [isShowConfirm, setIsShowConfirm] = useState(false)
 14 
  const [isShowConfirm, setIsShowConfirm] = useState(false)
14 
  const messagesList = useRef(null)
 15 
  const messagesList = useRef(null)
Línea 15... Línea 16...
15 
  const options = useRef([])
 16 
  const options = useRef([])
16 
  const dispatch = useDispatch()
 17 
  const dispatch = useDispatch()
17 
 
 18 
 
Línea 18... Línea 19...
18 
  const { messages, loadMore, loading, reset } = useMessages(
 19 
  const { messages, loadMore, loading, report } = useMessages(
19 
    conversation?.messages_link
 20 
    conversation?.messages_link
Línea 37... Línea 38...
37 
  const toggleConfirmModal = () => {
 38 
  const toggleConfirmModal = () => {
38 
    setIsShowConfirm(!isShowConfirm)
 39 
    setIsShowConfirm(!isShowConfirm)
39 
  }
 40 
  }
Línea 40... Línea 41...
40 
 
 41 
 
41 
  useEffect(() => {
 - 
 
42 
    reset()
 - 
 
43 
  }, [conversation])
 - 
 
44 
 
 - 
 
45 
  useEffect(() => {
 42 
  useEffect(() => {
46 
    const opt = []
 43 
    const opt = []
47 
    if (conversation.delete_link) {
 44 
    if (conversation.delete_link) {
48 
      opt.push({ label: 'Borrar convesación', action: toggleConfirmModal })
 45 
      opt.push({ label: 'Borrar convesación', action: toggleConfirmModal })
Línea 63... Línea 60...
63 
          </Chat.Title>
 60 
          </Chat.Title>
64 
        </Chat.Header>
 61 
        </Chat.Header>
65 
        {!messages.length ? (
 62 
        {!messages.length ? (
66 
          <EmptySection
 63 
          <EmptySection
67 
            Icon={<InboxIcon />}
 64 
            Icon={<InboxIcon />}
68 
            message="No hay mensajes en esta conversación"
 65 
            message='No hay mensajes en esta conversación'
69 
            align="center"
 66 
            align='center'
70 
          />
 67 
          />
71 
        ) : (
 68 
        ) : (
72 
          <Chat.List
 69 
          <MessagesList
73 
            messages={messages}
 70 
            messages={messages}
- 
 
 71 
            onReport={report}
74 
            onPagination={loadMore}
 72 
            onPagination={loadMore}
75 
            loading={loading}
 73 
            loading={loading}
76 
            scrollRef={messagesList}
 74 
            scrollRef={messagesList}
77 
          />
 75 
          />
78 
        )}
 76 
        )}