Proyectos de Subversion LeadersLinked - SPA

Rev

| Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
5 stevensc 1 
import { useEffect, useState } from 'react'
1668 stevensc 2 
import { useDispatch } from 'react-redux'
5 stevensc 3 
 
1709 stevensc 4 
import { axios } from '@app/utils'
1668 stevensc 5 
import { addNotification } from '@app/redux/notification/notification.actions'
1677 stevensc 6 
import { showReportModal } from '@app/redux/report/report.actions'
1668 stevensc 7 
 
5 stevensc 8 
const useMessages = (messagesUrl) => {
1675 stevensc 9 
  const [loading, setLoading] = useState(false)
5 stevensc 10 
  const [messages, setMessages] = useState([])
11 
  const [currentPage, setCurrentPage] = useState(1)
12 
  const [pages, setPages] = useState(1)
1668 stevensc 13 
  const dispatch = useDispatch()
5 stevensc 14 
 
1709 stevensc 15 
  function compareMessages(ref = [], newValue = []) {
1714 stevensc 16 
    const set = new Set(ref.map((obj) => obj.id))
17 
    const difference = newValue.filter((obj) => !set.has(obj.id))
1709 stevensc 18 
    return difference
19 
  }
20 
 
1714 stevensc 21 
  const messagesAdapter = (message) => {
22 
    const {
23 
      u,
24 
      side,
25 
      type,
26 
      filename,
27 
      m,
28 
      mtype,
29 
      date,
30 
      time,
31 
      id,
32 
      uuid,
33 
      message: content
34 
    } = message
35 
 
36 
    return {
37 
      id: id ?? uuid,
1715 stevensc 38 
      content: m || content || filename || '',
1714 stevensc 39 
      send: u === 1 || side === 'left',
40 
      contentType: mtype || type,
1715 stevensc 41 
      time: time || date,
1714 stevensc 42 
      ...message
43 
    }
44 
  }
45 
 
1668 stevensc 46 
  const getMessages = async ({ url = '', page = 1 }) => {
1712 stevensc 47 
    if (!url) return
1673 stevensc 48 
 
1730 stevensc 49 
    return axios.get(`${url}?page=${page}`).then(({ data: response }) => {
50 
      const { data, success, pagination } = response
1740 stevensc 51 
      console.log(data)
5 stevensc 52 
 
1730 stevensc 53 
      if (!success) {
54 
        throw new Error('Ha ocurrido un error al obtener los mensajes')
55 
      }
5 stevensc 56 
 
1730 stevensc 57 
      const resMessages = data.items ?? data
58 
      const adapterMessages = resMessages.map((mes) => messagesAdapter(mes))
59 
 
60 
      return {
61 
        currentPage: pagination ? pagination.current : data.page,
62 
        messages: adapterMessages,
63 
        lastPage: pagination ? pagination.last : data.pages
64 
      }
65 
    })
5 stevensc 66 
  }
67 
 
1668 stevensc 68 
  const loadMoreMessages = async ({ url = '', page = 2 }) => {
1730 stevensc 69 
    setLoading(true)
1668 stevensc 70 
    try {
71 
      const response = await getMessages({ url, page })
72 
      const { messages } = response
5 stevensc 73 
 
1668 stevensc 74 
      setMessages((prevState) => [...prevState, ...messages])
75 
    } catch (error) {
76 
      dispatch(addNotification({ style: 'danger', msg: error.message }))
1730 stevensc 77 
    } finally {
78 
      setLoading(false)
1668 stevensc 79 
    }
5 stevensc 80 
  }
81 
 
1673 stevensc 82 
  const heartBeat = async ({ url }) => {
1668 stevensc 83 
    try {
84 
      const { lastPage, messages: resMessages } = await getMessages({ url })
5 stevensc 85 
 
1680 stevensc 86 
      setPages(lastPage)
1674 stevensc 87 
      setMessages((prevState) => {
1709 stevensc 88 
        const diff = compareMessages(prevState, resMessages)
89 
        if (!diff.length) return prevState
1680 stevensc 90 
        return [...diff, ...prevState]
1674 stevensc 91 
      })
1668 stevensc 92 
    } catch (error) {
93 
      dispatch(addNotification({ style: 'danger', msg: error.message }))
5 stevensc 94 
    }
1668 stevensc 95 
  }
5 stevensc 96 
 
1668 stevensc 97 
  const changePage = () => {
98 
    if (currentPage >= pages) return
5 stevensc 99 
    setCurrentPage((prevState) => prevState + 1)
100 
  }
101 
 
1680 stevensc 102 
  const markReport = (id) => {
103 
    setMessages((prevMessages) => {
104 
      return prevMessages.map((message) =>
1692 stevensc 105 
        message.id === id
1699 stevensc 106 
          ? {
107 
              ...message,
1715 stevensc 108 
              content: 'Contenido reportado',
1699 stevensc 109 
              url_abuse_report: '',
1715 stevensc 110 
              contentType: 'text'
1699 stevensc 111 
            }
1692 stevensc 112 
          : message
1680 stevensc 113 
      )
114 
    })
1677 stevensc 115 
  }
5 stevensc 116 
 
1677 stevensc 117 
  const handleReport = ({ url, id }) => {
118 
    dispatch(
119 
      showReportModal({
120 
        reportUrl: url,
121 
        type: 'mensaje',
1680 stevensc 122 
        onComplete: () => markReport(id)
1677 stevensc 123 
      })
124 
    )
125 
  }
126 
 
5 stevensc 127 
  useEffect(() => {
1692 stevensc 128 
    setMessages([])
129 
    setCurrentPage(1)
130 
    setPages(1)
1676 stevensc 131 
  }, [messagesUrl])
132 
 
133 
  useEffect(() => {
134 
    if (currentPage === 1) return
1668 stevensc 135 
    loadMoreMessages({ url: messagesUrl, page: currentPage })
1730 stevensc 136 
  }, [messagesUrl, currentPage])
1668 stevensc 137 
 
138 
  useEffect(() => {
1730 stevensc 139 
    const messagesInterval = setInterval(() => {
1668 stevensc 140 
      heartBeat({ url: messagesUrl })
5 stevensc 141 
    }, 2000)
142 
 
143 
    return () => {
1730 stevensc 144 
      clearInterval(messagesInterval)
5 stevensc 145 
    }
1730 stevensc 146 
  }, [messagesUrl])
5 stevensc 147 
 
148 
  return {
1668 stevensc 149 
    messages,
150 
    loading,
1677 stevensc 151 
    loadMore: changePage,
152 
    report: handleReport
5 stevensc 153 
  }
154 
}
155 
 
156 
export default useMessages