Proyectos de Subversion LeadersLinked - Antes de SPA

Rev

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

Rev 3045 Rev 3056
Línea 66... Línea 66...
66 
      border-bottom: 1px solid #e2e2e2;
 66 
      border-bottom: 1px solid #e2e2e2;
67 
    }
 67 
    }
68 
  }
 68 
  }
69 
`;
 69 
`;
Línea 70... Línea -...
70 
 
 - 
 
71 
const PersonalChat = (props) => {
 - 
 
72 
  // props destructuring
 70 
 
- 
 
 71 
const PersonalChat = ({ entity, index, onClose, onMinimize, onRead }) => {
73 
  const { index, onClose, onMinimize, onRead } = props;
 72 
 
74 
  // entity destructuring
 73 
  // entity destructuring
75 
  const {
 74 
  const {
76 
    id,
 75 
    id,
77 
    image,
 76 
    image,
Línea 91... Línea 90...
91 
    url_leave,
 90 
    url_leave,
92 
    url_delete,
 91 
    url_delete,
93 
    url_add_user_to_group,
 92 
    url_add_user_to_group,
94 
    url_get_contact_group_list,
 93 
    url_get_contact_group_list,
95 
    url_get_contacts_availables_for_group,
 94 
    url_get_contacts_availables_for_group,
96 
  } = props.entity;
 95 
  } = entity;
Línea 97... Línea 96...
97 
 
 96 
 
98 
  // states
 97 
  // states
99 
  const [messages, setMessages] = useState([]);
 98 
  const [messages, setMessages] = useState([]);
100 
  const [responseMessage, setResponseMessage] = useState(null);
 99 
  const [responseMessage, setResponseMessage] = useState(null);
Línea 260... Línea 259...
260 
      setCurrentPage((prevState) => prevState + 1);
 259 
      setCurrentPage((prevState) => prevState + 1);
261 
    }
 260 
    }
262 
  };
 261 
  };
Línea 263... Línea 262...
263 
 
 262 
 
264 
  const scrollToBottom = () => {
 263 
  const scrollToBottom = () => {
265 
    if (!!conversationListEl.current) {
 264 
    if (conversationListEl.current) {
266 
      conversationListEl.current.scrollTop =
 265 
      conversationListEl.current.scrollTop =
267 
        conversationListEl.current.scrollHeight * 9;
 266 
        conversationListEl.current.scrollHeight * 9;
268 
    }
 267 
    }
Línea 269... Línea 268...
269 
  };
 268 
  };
270 
 
 269 
 
271 
  const scrollDownBy = (scrollDistance) => {
 270 
  const scrollDownBy = (scrollDistance) => {
272 
    if (!!conversationListEl.current) {
 271 
    if (conversationListEl.current) {
273 
      conversationListEl.current.scrollTop = scrollDistance;
 272 
      conversationListEl.current.scrollTop = scrollDistance;
Línea 274... Línea 273...
274 
    }
 273 
    }
Línea 327... Línea 326...
327 
    return () => {
 326 
    return () => {
328 
      loadMore = null;
 327 
      loadMore = null;
329 
    };
 328 
    };
330 
  }, [currentPage]);
 329 
  }, [currentPage]);
Línea 331... Línea -...
331 
 
 - 
 
332 
  useEffect(() => {
 - 
 
333 
    if (!minimized) {
 - 
 
334 
      handleReadChat(index)
 - 
 
335 
    }
 - 
 
336 
  }, [minimized]);
 - 
 
337 
 
 330 
 
338 
  // getMessagesInterval
 331 
  // getMessagesInterval
339 
  useEffect(() => {
 332 
  useEffect(() => {
340 
    if (window.location.pathname === '/group/my-groups') {
 333 
    if (window.location.pathname === '/group/my-groups') {
341 
      const items = document.getElementsByClassName('sc-jSgupP')
 334 
      const items = document.getElementsByClassName('sc-jSgupP')
Línea 428... Línea 421...
428 
      case optionTabs.add_person_to_group:
 421 
      case optionTabs.add_person_to_group:
429 
        loadPersonsAvailable();
 422 
        loadPersonsAvailable();
430 
        break;
 423 
        break;
431 
      case optionTabs.group_contacts_list:
 424 
      case optionTabs.group_contacts_list:
432 
        loadGroupContacts();
 425 
        loadGroupContacts();
433 
      default:
 - 
 
434 
        break;
 426 
        break;
435 
    }
 427 
    }
436 
  }, [optionTab]);
 428 
  }, [optionTab]);
Línea 437... Línea 429...
437 
 
 429 
 
Línea 657... Línea 649...
657 
                  width="36"
 649 
                  width="36"
658 
                  src={image}
 650 
                  src={image}
659 
                  alt="avatar-image"
 651 
                  alt="avatar-image"
660 
                />
 652 
                />
661 
                <div className="header-elements">
 653 
                <div className="header-elements">
662 
                  <a href={profile} target="_blank">
 654 
                  <a href={profile} target="_blank" rel="noreferrer">
663 
                    {name}
 655 
                    {name}
664 
                  </a>
 656 
                  </a>
665 
                  <br />
 657 
                  <br />
666 
                  <small className={`status ${online ? "Online" : "Offline"}`}>
 658 
                  <small className={`status ${online ? "Online" : "Offline"}`}>
667 
                    <b>{online ? "En línea" : "Desconectado"}</b>
 659 
                    <b>{online ? "En línea" : "Desconectado"}</b>