@tycoonsystems/tycoon-modules/modules/streaming/chat/ChatPage.js

www.tv.tycoon.systems/documentation

function _extends(){return(_extends=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var a,n=arguments[t];for(a in n)Object.prototype.hasOwnProperty.call(n,a)&&(e[a]=n[a])}return e}).apply(this,arguments)}import React from"react";import{useRouter}from"next/router";import{v4 as uuidv4}from"uuid";import{SignIn,Username}from"@tycoonsystems/tycoon-modules/onboarding/signin";import Chat from"./Chat";const Module=e=>{const t=useRouter()["query"],[a,n]=React.useState(!1),[,o]=React.useState(null);var[,,]=React.useState(null);const[r,c]=React.useState(null);return React.useEffect(()=>{var e;a||(e=uuidv4(),o(e),n(!0))},[a]),React.useEffect(()=>{e._rooms&&t?.room&&!r&&!0===e?._socket?.connected&&c(t.room)},[e._rooms,r,e?._socket]),React.createElement("div",{className:"ChatPage_Container"},e?._loggedIn?e._loggedIn&&!e._loggedIn?.username?React.createElement(Username,e):e?._socket?.connected?React.createElement("div",{className:"ChatPage_InternalContainer"},React.createElement("h4",{style:{marginBottom:0}},r),React.createElement("p",{style:{margin:0,color:"#959595",marginBottom:".5rem",fontSize:".85rem"}},"chat room"),React.createElement(Chat,_extends({},e,{className:"ChatPage_ChatContainer",useRoom:r,chatState:!0}))):null:React.createElement(SignIn,e))};export default Module;