Proyectos de Subversion LeadersLinked - Backend

Rev

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

Rev 11347 Rev 16288
Línea 1... Línea 1...
1 
import {axios, useWindowSize} from "../../utils";
 1 
import { axios, useWindowSize } from "../../utils";
2 
import React, { useEffect, useState } from "react";
 2 
import React, { useEffect, useState } from "react";
3 
import AddGroupTab from "./add-group-tab/AddGroupTab";
 3 
import AddGroupTab from "./add-group-tab/AddGroupTab";
4 
import AddMember from "./add-member/AddMember";
 4 
import AddMember from "./add-member/AddMember";
5 
import Chat from "./chat/Chat";
 5 
import Chat from "./chat/Chat";
6 
import Contacts from "./contacts/Contacts";
 6 
import Contacts from "./contacts/Contacts";
Línea 20... Línea 20...
20 
 
 20 
 
Línea 21... Línea 21...
21 
const notifyAudio = new Audio("/audio/chat.mp3");
 21 
const notifyAudio = new Audio("/audio/chat.mp3");
22 
 
 22 
 
23 
const MobileChat = (props) => {
 23 
const MobileChat = (props) => {
24 
  // backendVars Destructuring
 24 
  // backendVars Destructuring
25 
  const { emojione_image_path_png } = props.backendVars;
 25 
  const { emojione_image_path_png, timezones } = props.backendVars;
26 
  // states
 26 
  // states
27 
  const [chatUsers, setChatUsers] = useState([]);
 27 
  const [chatUsers, setChatUsers] = useState([]);
28 
  const [chatGroups, setChatGroups] = useState([]);
 28 
  const [chatGroups, setChatGroups] = useState([]);
Línea 35... Línea 35...
35 
    return () => {
 35 
    return () => {
36 
      clearInterval(heartBeatInterval);
 36 
      clearInterval(heartBeatInterval);
37 
    };
 37 
    };
38 
  }, []);
 38 
  }, []);
Línea 39... Línea 39...
39 
 
 39 
 
Línea 40... Línea 40...
40 
  console.log(props)
 40 
  console.log(props);
41 
 
 41 
 
42 
  // emojione settings
 42 
  // emojione settings
43 
  /* useEffect(() => {
 43 
  /* useEffect(() => {
Línea 81... Línea 81...
81 
  };
 81 
  };
Línea 82... Línea 82...
82 
 
 82 
 
83 
  const handlePlayNewMessage = async (setReceivedLink) => {
 83 
  const handlePlayNewMessage = async (setReceivedLink) => {
84 
    notifyAudio.play();
 84 
    notifyAudio.play();
85 
    const resData = (await axios.post(setReceivedLink)).data;
 85 
    const resData = (await axios.post(setReceivedLink)).data;
86 
     (resData);
 86 
    resData;
Línea 87... Línea 87...
87 
  };
 87 
  };
88 
 
 88 
 
89 
  const handleOpenChat = (entity) => {
 89 
  const handleOpenChat = (entity) => {
90 
    if(activeTab === CHAT_TABS.CHAT){
 90 
    if (activeTab === CHAT_TABS.CHAT) {
91 
      setActiveTab(CHAT_TABS.DEFAULT);
 91 
      setActiveTab(CHAT_TABS.DEFAULT);
92 
    }
 92 
    }
93 
    setActiveChat(entity);
 93 
    setActiveChat(entity);
94 
    setTimeout(() => {
 94 
    setTimeout(() => {
95 
      setActiveTab(CHAT_TABS.CHAT);
 95 
      setActiveTab(CHAT_TABS.CHAT);
Línea 96... Línea 96...
96 
    }, 500)
 96 
    }, 500);
97 
  };
 97 
  };
98 
 
 98 
 
99 
  const handleCloseChat = () => {
 99 
  const handleCloseChat = () => {
100 
    setActiveTab(CHAT_TABS.DEFAULT);
 100 
    setActiveTab(CHAT_TABS.DEFAULT);
101 
    axios.post(activeChat.url_close).then((response) => {
 101 
    axios.post(activeChat.url_close).then((response) => {
102 
      const resData = response.data;
 102 
      const resData = response.data;
103 
       (resData);
 103 
      resData;
Línea 104... Línea 104...
104 
    });
 104 
    });
Línea 188... Línea 188...
188 
            </a>
 188 
            </a>
189 
          </div>
 189 
          </div>
190 
        </div>
 190 
        </div>
191 
      )}
 191 
      )}
192 
      <div className={styles.mainSection}>
 192 
      <div className={styles.mainSection}>
193 
        {
 - 
 
194 
          window.innerWidth >= 768
 193 
        {window.innerWidth >= 768 ? (
195 
          ?
 - 
 
196 
            <DesktopChat
 194 
          <DesktopChat
197 
              unreadEntities={unreadEntities}
 195 
            unreadEntities={unreadEntities}
198 
              chatUsers={chatUsers}
 196 
            chatUsers={chatUsers}
199 
              chatGroups={chatGroups}
 197 
            chatGroups={chatGroups}
200 
            />
 198 
          />
201 
          :
 199 
        ) : (
202 
          <>
 200 
          <>
203 
            {activeTab === CHAT_TABS.DEFAULT && (
 201 
            {activeTab === CHAT_TABS.DEFAULT && (
204 
              <Contacts
 202 
              <Contacts
205 
                onOpenChat={handleOpenChat}
 203 
                onOpenChat={handleOpenChat}
206 
                unreadEntities={unreadEntities}
 204 
                unreadEntities={unreadEntities}
207 
                chatUsers={chatUsers}
 205 
                chatUsers={chatUsers}
208 
                chatGroups={chatGroups}
 206 
                chatGroups={chatGroups}
209 
                onAddGroup={handleAddGroup}
 207 
                onAddGroup={handleAddGroup}
210 
              />
 208 
              />
211 
            )}
 209 
            )}
212 
            {(activeTab === CHAT_TABS.CHAT) && (
 210 
            {activeTab === CHAT_TABS.CHAT && (
- 
 
 211 
              <Chat
- 
 
 212 
                entity={activeChat}
213 
              <Chat entity={activeChat} onCloseChat={handleCloseChat} />
 213 
                onCloseChat={handleCloseChat}
- 
 
 214 
                timezones={timezones}
- 
 
 215 
              />
214 
            )}
 216 
            )}
215 
          </>
 217 
          </>
216 
        }
 218 
        )}
217 
        {activeTab === CHAT_TABS.ADDGROUP && (
 219 
        {activeTab === CHAT_TABS.ADDGROUP && (
218 
          <AddGroupTab onClose={handleDefaultTab} />
 220 
          <AddGroupTab onClose={handleDefaultTab} />
219 
        )}
 221 
        )}
220 
        {activeTab === CHAT_TABS.GROUP_SETTINGS && (
 222 
        {activeTab === CHAT_TABS.GROUP_SETTINGS && (
221 
          <GroupSettings
 223 
          <GroupSettings