Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 5249 Rev 5250
Línea 21... Línea 21...
21 
  const [oldMessages, setOldMessages] = useState([])
 21 
  const [oldMessages, setOldMessages] = useState([])
22 
  const [messages, setMessages] = useState([])
 22 
  const [messages, setMessages] = useState([])
23 
  const [pages, setPages] = useState(DEFAULT_PAGES)
 23 
  const [pages, setPages] = useState(DEFAULT_PAGES)
24 
  const [loading, setLoading] = useState(false)
 24 
  const [loading, setLoading] = useState(false)
25 
  const lastMessage = useRef(null)
 25 
  const lastMessage = useRef(null)
- 
 
 26 
  const messagesList = useRef(null)
26 
  const dispatch = useDispatch()
 27 
  const dispatch = useDispatch()
Línea 27... Línea 28...
27 
 
 28 
 
28 
  const getMoreMessages = async (url = '', page = pages.current) => {
 29 
  const getMoreMessages = async (url = '', page = pages.current) => {
29 
    try {
 30 
    try {
Línea 100... Línea 101...
100 
    if (!loading && selectedConversation) setTimeout(() => hearBeat(), 3000)
 101 
    if (!loading && selectedConversation) setTimeout(() => hearBeat(), 3000)
101 
  }, [loading, selectedConversation])
 102 
  }, [loading, selectedConversation])
Línea 102... Línea 103...
102 
 
 103 
 
103 
  useEffect(() => {
 104 
  useEffect(() => {
104 
    if (messages) setMessages([])
 105 
    if (messages) setMessages([])
105 
    scrollToBottom()
 106 
    scrollToBottom(messagesList)
106 
    setPages(DEFAULT_PAGES)
 107 
    setPages(DEFAULT_PAGES)
Línea 107... Línea 108...
107 
  }, [selectedConversation])
 108 
  }, [selectedConversation])
108 
 
 109 
 
Línea 129... Línea 130...
129 
        {LABELS.RETURN}
 130 
        {LABELS.RETURN}
130 
      </span>
 131 
      </span>
131 
      <a href={selectedConversation.profile}>
 132 
      <a href={selectedConversation.profile}>
132 
        <h2 className='chat-header'>{selectedConversation.name}</h2>
 133 
        <h2 className='chat-header'>{selectedConversation.name}</h2>
133 
      </a>
 134 
      </a>
134 
      <div className="messages-line">
 135 
      <div className="messages-line" ref={messagesList}>
135 
        {messages.length
 136 
        {messages.length
136 
          ? [...oldMessages, ...messages].map((element, index) =>
 137 
          ? [...oldMessages, ...messages].map((element, index) =>
137 
            <MessageTemplate
 138 
            <MessageTemplate
138 
              key={index}
 139 
              key={index}
139 
              message={element}
 140 
              message={element}