Proyectos de Subversion LeadersLinked - SPA

Rev

Rev 2459 | Rev 2480 | Ir a la última revisión | | Comparar con el anterior | Ultima modificación | Ver Log |

Rev Autor Línea Nro. Línea
2477 stevensc 1 
/* eslint-disable no-undef */
2 
import React, { useLayoutEffect } from 'react'
3 
import { useSelector } from 'react-redux'
4 
import './chat.css'
5 stevensc 5 
 
2477 stevensc 6 
export function Chat() {
7 
  const { xmpp_hostname, xmpp_username, xmpp_password, xmpp_domain } =
8 
    useSelector((state) => state.auth)
5 stevensc 9 
 
2477 stevensc 10 
  useLayoutEffect(() => {
11 
    if (!xmpp_hostname || !xmpp_password || !xmpp_username) return
5 stevensc 12 
 
2477 stevensc 13 
    converse.initialize({
14 
      bosh_service_url: `https://${xmpp_hostname}:17443/http-bind/`,
15 
      authentication: 'login',
16 
      jid: `${xmpp_username}@${xmpp_domain}.com`,
17 
      password: xmpp_password,
18 
      discover_connection_methods: false,
19 
      allow_registration: false,
20 
      allow_logout: true,
21 
      auto_login: true,
22 
      auto_reconnect: true,
23 
      debug: false,
24 
      view_mode: 'overlayed',
25 
      i18n: 'es',
26 
      theme: 'dracula'
27 
    })
5 stevensc 28 
 
2477 stevensc 29 
    return () => {
30 
      converse.connection.disconnect()
5 stevensc 31 
    }
2477 stevensc 32 
  }, [xmpp_hostname, xmpp_password, xmpp_username])
5 stevensc 33 
 
2477 stevensc 34 
  return <div id='converse-container'></div>
517 stevensc 35 
}