Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 11347 Rev 15801
Línea 1... Línea 1...
1 
import {axios} from "../../../utils";
 1 
import { axios } from "../../../utils";
2 
import React, { useEffect, useRef } from "react";
 2 
import React, { useEffect, useRef } from "react";
3 
import { useState } from "react";
 3 
import { useState } from "react";
Línea 4... Línea 4...
4 
 
 4 
 
5 
import styles from "./chat.module.scss";
 5 
import styles from "./chat.module.scss";
Línea 38... Línea 38...
38 
  const bottomToScroll = useRef(null);
 38 
  const bottomToScroll = useRef(null);
39 
  const inputTextEl = useRef(null);
 39 
  const inputTextEl = useRef(null);
40 
  const fileInputEl = useRef(null);
 40 
  const fileInputEl = useRef(null);
41 
  const loadMoreEl = useRef();
 41 
  const loadMoreEl = useRef();
42 
  const divToScroll = useRef(null);
 42 
  const divToScroll = useRef(null);
43 
  const [urlSearch, setUrlSearch] = useState(url_get_all_messages || '')
 43 
  const [urlSearch, setUrlSearch] = useState(url_get_all_messages || "");
44 
  let heartBeatInterval;
 44 
  let heartBeatInterval;
Línea 45... Línea 45...
45 
 
 45 
 
46 
  // useEffects
 46 
  // useEffects
47 
  useEffect(() => {
 47 
  useEffect(() => {
Línea 75... Línea 75...
75 
    loadOldMessages();
 75 
    loadOldMessages();
76 
  }, [currentPage]);
 76 
  }, [currentPage]);
Línea 77... Línea 77...
77 
 
 77 
 
78 
  useEffect(async () => {
 78 
  useEffect(async () => {
79 
    const resData = (await axios.post(url_mark_seen)).data;
 79 
    const resData = (await axios.post(url_mark_seen)).data;
80 
     (resData);
 80 
    resData;
Línea 81... Línea 81...
81 
  }, []);
 81 
  }, []);
82 
 
 82 
 
83 
  // useEffect(() => {
 83 
  // useEffect(() => {
Línea 98... Línea 98...
98 
 
 98 
 
99 
  // heartbeat function
 99 
  // heartbeat function
100 
  const chatHeartbeat = async () => {
 100 
  const chatHeartbeat = async () => {
101 
    axios.get(url_get_all_messages).then((response) => {
 101 
    axios.get(url_get_all_messages).then((response) => {
102 
      const resData = response.data;
 102 
      const resData = response.data;
103 
      const isNewProp = url_get_all_messages !== urlSearch
 103 
      const isNewProp = url_get_all_messages !== urlSearch;
104 
      if (resData.success) {
 104 
      if (resData.success) {
105 
        const updatedNewMessages = resData.data.items.slice();
 105 
        const updatedNewMessages = resData.data.items.slice();
106 
        let newNewMessages = [];
 106 
        let newNewMessages = [];
107 
        updatedNewMessages.map((updatedNewMessage) => {
 107 
        updatedNewMessages.map((updatedNewMessage) => {
Línea 120... Línea 120...
120 
    });
 120 
    });
121 
  };
 121 
  };
Línea 122... Línea 122...
122 
 
 122 
 
123 
  // utilsFunctions
 123 
  // utilsFunctions
124 
  const scrollToBottom = () => {
 124 
  const scrollToBottom = () => {
125 
     ("scrolled");
 125 
    ("scrolled");
126 
    const element = bottomToScroll.current;
 126 
    const element = bottomToScroll.current;
127 
    const divToScrollEl = divToScroll.current;
 127 
    const divToScrollEl = divToScroll.current;
128 
    divToScrollEl.scrollIntoView({ behavior: "smooth" });
 128 
    divToScrollEl.scrollIntoView({ behavior: "smooth" });