Proyectos de Subversion LeadersLinked - Antes de SPA

/* eslint-disable react/prop-types */
import {axios} from "../../utils";
import React, { useEffect, useRef } from "react";
import { connect } from "react-redux";
import {
  setHaveNewMessage,
  setUnreadMessages,
  setShouldAlertNewMessage,
} from "../../redux/chat/chat.actions";

const notifyAudio = new Audio("/audio/chat.mp3");

const ChatHelper = (props) => {

  // redux states
  const { unreadMessages, shouldAlertNewMessage } = props;
  // redux actions
  const { setUnreadMessages, setShouldAlertNewMessage } = props;
  // refs
  const unreads = useRef([]);

  useEffect(() => {
    clearInterval(checkChatInterval);
    const checkChatInterval = setInterval(() => {
      axios.get("/chat/heart-beat").then((response) => {
        const resData = response.data;
        if (resData.success) {
          resData.data.map((entity) => {
            handleNewMessage(entity);
          });
        }
      });
    }, 1000);
    return () => {
      clearInterval(checkChatInterval);
    };
  }, [unreadMessages, setShouldAlertNewMessage]);

  const handleNewMessage = async (entity) => {
    const existingUnread = unreads.current.findIndex(
      (unread) => unread === entity.id
    );
    if (entity.not_received_messages) {
      const resData = (await axios.post(entity.url_mark_received)).data;
      notifyAudio.play();
    }
    if (entity.not_seen_messages) {
      if (existingUnread === -1) {
        unreads.current = [...unreads.current, entity.id];
      }
    } else {
      if (existingUnread !== -1) {
        unreads.current = unreads.current.filter(
          (unread) => unread !== entity.id
        );
      }
    }
    // redux new message
    if (JSON.stringify(unreadMessages) !== JSON.stringify(unreads.current)) {
      setUnreadMessages(unreads.current);
    }
  };

  return <div></div>;
};

const mapStateToProps = (state) => ({
  unreadMessages: state.chat.unreadMessages,
  shouldAlertNewMessage: state.chat.shouldAlertNewMessage,
});

const mapDispatchToProps = {
  setHaveNewMessage: (haveNewMessage) => setHaveNewMessage(haveNewMessage),
  setUnreadMessages: (unreadMessages) => setUnreadMessages(unreadMessages),
  setShouldAlertNewMessage: (shouldAlertNewMessage) =>
    setShouldAlertNewMessage(shouldAlertNewMessage),
};

export default connect(mapStateToProps, mapDispatchToProps)(ChatHelper);