Qortal/qortal-ui
1
0
Fork 0
mirror of https://github.com/Qortal/qortal-ui.git synced 2025-03-27 07:45:54 +00:00
Code Issues Packages Projects Releases Wiki Activity

finished pending messages

Browse Source
This commit is contained in:
PhilReact 2023-09-13 23:56:05 -05:00
parent 79fa08a099
commit 60251f9f72
7 changed files with 131 additions and 144 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
core/language/us.json
View File

@ -828,7 +828,9 @@
"cchange80": "This image has been deleted", "cchange80": "This image has been deleted",
"cchange81": "This image type is not supported", "cchange81": "This image type is not supported",
"cchange82": "This attachment has been deleted", "cchange82": "This attachment has been deleted",
"cchange90": "No messages" "cchange90": "No messages",
"cchange91": "Sending...",
"cchange92": "Unread messages below"
}, },
"welcomepage": { "welcomepage": {
"wcchange1": "Welcome to Q-Chat", "wcchange1": "Welcome to Q-Chat",

216
plugins/plugins/core/components/ChatPage.js
View File

@ -1423,11 +1423,9 @@ class ChatPage extends LitElement {
} }
addToQueue(outSideMsg, messageQueue) { addToQueue(outSideMsg, messageQueue) {
console.log('added to queue', messageQueue, this.messageQueue)
// Push the new message object to the queue // Push the new message object to the queue
this.messageQueue = [...messageQueue, { ...outSideMsg, timestamp: Date.now()}]; this.messageQueue = [...messageQueue, { ...outSideMsg, timestamp: Date.now()}];
console.log('Current Queue after adding:', [...this.messageQueue]);
// Start processing the queue only if the message we just added is the only one in the queue // Start processing the queue only if the message we just added is the only one in the queue
// This ensures that the queue processing starts only once, even if this method is called multiple times // This ensures that the queue processing starts only once, even if this method is called multiple times
@ -1442,10 +1440,8 @@ class ChatPage extends LitElement {
async processQueue() { async processQueue() {
if (this.messageQueue.length === 0) return; if (this.messageQueue.length === 0) return;
const currentMessage = this.messageQueue[0]; const currentMessage = this.messageQueue[0];
console.log({currentMessage})
try { try {
const res = await this.sendMessage(currentMessage); const res = await this.sendMessage(currentMessage);
console.log({res})
if(res === true) { if(res === true) {
this.messageQueue = this.messageQueue.slice(1); this.messageQueue = this.messageQueue.slice(1);
} else { } else {
@ -1461,44 +1457,36 @@ class ChatPage extends LitElement {
setTimeout(() => this.processQueue(), 10000); // Wait for 10 seconds before retrying setTimeout(() => this.processQueue(), 10000); // Wait for 10 seconds before retrying
} }
} }
// async processQueue() {
// let inProcess = false; // to indicate if we're currently sending a message async getLastestMessages(){
try {
// while (true) { // Infinite loop let getInitialMessages = []
// const currentMessage = this.messageQueue[0]; if (this.isReceipient) {
// // If there's no current message, you could wait a while (e.g., a second) before the next iteration.
// // This prevents the loop from consuming resources unnecessarily when the queue is empty.
// if (!currentMessage) { getInitialMessages = await parentEpml.request('apiCall', {
// await new Promise(res => setTimeout(res, 1000)); // Wait for 1 second type: 'api',
// continue; // go to the next iteration of the loop url: `/chat/messages?involving=${window.parent.reduxStore.getState().app.selectedAddress.address}&involving=${this._chatId}&limit=${chatLimit}&reverse=true&haschatreference=false&encoding=BASE64`
// } })
// // If not currently processing another message, attempt to send the current one this.processMessages(getInitialMessages, true, isUnread)
// if (!inProcess) {
// inProcess = true; // indicate that we're starting to process a message } else {
getInitialMessages = await parentEpml.request('apiCall', {
// try { type: 'api',
// await this._sendMessage(currentMessage.outSideMsg, currentMessage.msg, true, currentMessage.chatId, currentMessage.isReceipient, currentMessage._publicKey, currentMessage.attachment); url: `/chat/messages?txGroupId=${Number(this._chatId)}&limit=${chatLimit}&reverse=true&haschatreference=false&encoding=BASE64`
})
// // If successful, remove the processed message from the queue
// this.messageQueue = this.messageQueue.slice(1); }
// inProcess = false; // set inProcess back to false since we're done with this message this.processMessages(getInitialMessages, true, false)
// } catch (error) { } catch (error) {
// console.error("Failed to send message:", error); console.log
// inProcess = false; // set inProcess back to false since an error occurred }
// await new Promise(res => setTimeout(res, 10000)); // Wait for 10 seconds before retrying }
// }
// } else {
// await new Promise(res => setTimeout(res, 1000)); // Wait for 1 second before checking again if inProcess is false
// }
// }
// }
render() { render() {
console.log('this.messageQueue', this.messageQueue.length)
return html` return html`
<div class="main-container"> <div class="main-container">
@ -1552,10 +1540,16 @@ class ChatPage extends LitElement {
class='last-message-ref' class='last-message-ref'
style=${(this.lastMessageRefVisible && !this.imageFile && !this.openGifModal) ? 'opacity: 1;' : 'opacity: 0;'}> style=${(this.lastMessageRefVisible && !this.imageFile && !this.openGifModal) ? 'opacity: 1;' : 'opacity: 0;'}>
<vaadin-icon class='arrow-down-icon' icon='vaadin:arrow-circle-down' slot='icon' @click=${() => { <vaadin-icon class='arrow-down-icon' icon='vaadin:arrow-circle-down' slot='icon' @click=${() => {
this.shadowRoot.querySelector("chat-scroller").shadowRoot.getElementById("downObserver") const chatScrollerElement = this.shadowRoot.querySelector('chat-scroller');
if (chatScrollerElement && chatScrollerElement.disableAddingNewMessages) {
this.getLastestMessages()
} else {
this.shadowRoot.querySelector("chat-scroller").shadowRoot.getElementById("downObserver")
.scrollIntoView({ .scrollIntoView({
behavior: 'smooth', behavior: 'smooth',
}); });
}
}}> }}>
</vaadin-icon> </vaadin-icon>
</div> </div>
@ -1987,10 +1981,19 @@ class ChatPage extends LitElement {
async connectedCallback() { async connectedCallback() {
super.connectedCallback() super.connectedCallback()
await this.initUpdate() await this.initUpdate()
this.webWorker = new WebWorker() if(!this.webWorker){
this.webWorkerFile = new WebWorkerFile() this.webWorker = new WebWorker()
this.webWorkerSortMessages = new WebWorkerSortMessages() }
this.webWorkerDecodeMessages = new WebWorkerDecodeMessages() if(!this.webWorkerFile){
this.webWorkerFile = new WebWorkerFile()
}
if(!this.webWorkerSortMessages){
this.webWorkerSortMessages = new WebWorkerSortMessages()
}
if(!this.webWorkerDecodeMessages){
this.webWorkerDecodeMessages = new WebWorkerDecodeMessages()
}
await this.getUpdateCompleteTextEditor() await this.getUpdateCompleteTextEditor()
const elementChatId = this.shadowRoot.getElementById('_chatEditorDOM').shadowRoot.getElementById('_chatEditorDOM') const elementChatId = this.shadowRoot.getElementById('_chatEditorDOM').shadowRoot.getElementById('_chatEditorDOM')
@ -2093,43 +2096,6 @@ class ChatPage extends LitElement {
document.addEventListener('keydown', this.initialChat) document.addEventListener('keydown', this.initialChat)
document.addEventListener('paste', this.pasteImage) document.addEventListener('paste', this.pasteImage)
// if (this.chatId) {
// window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({
// key: this.chatId,
// timestamp: Date.now()
// }))
// }
// let callback = (entries, observer) => {
// entries.forEach(entry => {
// if (entry.isIntersecting) {
// this.isPageVisible = true
// if (this.chatId) {
// window.parent.reduxStore.dispatch(window.parent.reduxAction.addChatLastSeen({
// key: this.chatId,
// timestamp: Date.now()
// }))
// }
// } else {
// this.isPageVisible = false
// }
// })
// }
// let options = {
// root: null,
// rootMargin: '0px',
// threshold: 0.5
// }
// // Create the observer with the callback function and options
// this.observer = new IntersectionObserver(callback, options)
// const mainContainer = this.shadowRoot.querySelector('.main-container')
// this.observer.observe(mainContainer)
} }
disconnectedCallback() { disconnectedCallback() {
@ -2338,7 +2304,7 @@ class ChatPage extends LitElement {
} }
delete message.reactions delete message.reactions
const stringifyMessageObject = JSON.stringify(message) const stringifyMessageObject = JSON.stringify(message)
this.sendMessage(stringifyMessageObject, undefined, '', true) this.sendMessage({messageText: stringifyMessageObject, chatReference: undefined, isForward: true})
} catch (error) { } catch (error) {
} }
} }
@ -2377,6 +2343,10 @@ class ChatPage extends LitElement {
} }
async initUpdate() { async initUpdate() {
if (this.webSocket) {
this.webSocket.close(1000, 'switch chat')
this.webSocket = ''
}
this.pageNumber = 1 this.pageNumber = 1
const getAddressPublicKey = () => { const getAddressPublicKey = () => {
@ -2534,12 +2504,21 @@ class ChatPage extends LitElement {
if (this.isLoading === false && this.currentEditor === '_chatEditorDOM' && this.editor && this.editor.setEditable) { if (this.isLoading === false && this.currentEditor === '_chatEditorDOM' && this.editor && this.editor.setEditable) {
this.editor.setEditable(true) this.editor.setEditable(true)
} }
}
if(changedProperties && changedProperties.has('chatId')){
this.isLoadingMessages = true
this.initUpdate()
} }
} }
shouldUpdate(changedProperties) { shouldUpdate(changedProperties) {
console.log({changedProperties}) if(changedProperties.has('chatId')){
return true
}
if (changedProperties.has('setActiveChatHeadUrl')) { if (changedProperties.has('setActiveChatHeadUrl')) {
return false return false
} }
@ -3575,22 +3554,13 @@ class ChatPage extends LitElement {
async _sendMessage(outSideMsg, msg, messageQueue) { async _sendMessage(outSideMsg, msg, messageQueue) {
const _chatId= this._chatId const _chatId= this._chatId
const isReceipient= this.isReceipient const isReceipient= this.isReceipient
const _publicKey= this._publicKey let _publicKey= this._publicKey
const attachment= this.attachment const attachment= this.attachment
console.log({
_chatId, isReceipient, _publicKey, attachment
})
// if(messageQueue){
// console.log('is queueCurrent Queue after before:', [...this.messageQueue]);
// this.addToQueue(outSideMsg, msg, messageQueue);
// return
// }
try { try {
if (this.isReceipient) { if (this.isReceipient) {
let hasPublicKey = true let hasPublicKey = true
if (!publicKey.hasPubKey) { if (!_publicKey.hasPubKey) {
hasPublicKey = false hasPublicKey = false
try { try {
const res = await parentEpml.request('apiCall', { const res = await parentEpml.request('apiCall', {
@ -3598,20 +3568,20 @@ class ChatPage extends LitElement {
url: `/addresses/publickey/${this.selectedAddress.address}` url: `/addresses/publickey/${this.selectedAddress.address}`
}) })
if (res.error === 102) { if (res.error === 102) {
publicKey.key = '' _publicKey.key = ''
publicKey.hasPubKey = false _publicKey.hasPubKey = false
} else if (res !== false) { } else if (res !== false) {
publicKey.key = res _publicKey.key = res
publicKey.hasPubKey = true _publicKey.hasPubKey = true
hasPublicKey = true hasPublicKey = true
} else { } else {
publicKey.key = '' _publicKey.key = ''
publicKey.hasPubKey = false _publicKey.hasPubKey = false
} }
} catch (error) { } catch (error) {
} }
if (!hasPublicKey || !publicKey.hasPubKey) { if (!hasPublicKey || !_publicKey.hasPubKey) {
let err4string = get("chatpage.cchange39") let err4string = get("chatpage.cchange39")
parentEpml.request('showSnackBar', `${err4string}`) parentEpml.request('showSnackBar', `${err4string}`)
return return
@ -4139,14 +4109,18 @@ class ChatPage extends LitElement {
} }
async sendMessage({messageText, typeMessage, chatReference, isForward,isReceipient, _chatId, _publicKey, messageQueue}) { async sendMessage({messageText, typeMessage, chatReference, isForward,isReceipient, _chatId, _publicKey, messageQueue}) {
console.log('2', {messageText, typeMessage, chatReference, isForward,isReceipient, _chatId, _publicKey})
if(messageQueue){ if(messageQueue){
console.log('is queueCurrent Queue after before:', [...this.messageQueue]);
this.addToQueue({messageText, typeMessage, chatReference, isForward, isReceipient, _chatId, _publicKey}, messageQueue); this.addToQueue({messageText, typeMessage, chatReference, isForward, isReceipient, _chatId, _publicKey}, messageQueue);
this.resetChatEditor() this.resetChatEditor()
this.closeEditMessageContainer()
this.closeRepliedToContainer()
return return
} }
// this.isLoading = true if(isForward){
this.isLoading = true
}
let _reference = new Uint8Array(64) let _reference = new Uint8Array(64)
window.crypto.getRandomValues(_reference) window.crypto.getRandomValues(_reference)
let reference = window.parent.Base58.encode(_reference) let reference = window.parent.Base58.encode(_reference)
@ -4384,21 +4358,31 @@ class ChatPage extends LitElement {
if (isForward) { if (isForward) {
let successString = get("blockpage.bcchange15") let successString = get("blockpage.bcchange15")
parentEpml.request('showSnackBar', `${successString}`) parentEpml.request('showSnackBar', `${successString}`)
this.resetChatEditor()
this.closeEditMessageContainer()
this.closeRepliedToContainer()
this.openForwardOpen = false
this.forwardActiveChatHeadUrl = {
url: "",
name: "",
selected: false
}
this.isLoading = false
} }
this.closeEditMessageContainer() // this.closeEditMessageContainer()
this.closeRepliedToContainer() // this.closeRepliedToContainer()
this.openForwardOpen = false // this.openForwardOpen = false
this.forwardActiveChatHeadUrl = { // this.forwardActiveChatHeadUrl = {
url: "", // url: "",
name: "", // name: "",
selected: false // selected: false
} // }
} else if (response.error) { } else if (response.error) {
parentEpml.request('showSnackBar', response.message) // parentEpml.request('showSnackBar', response.message)
} else { } else {
let err2string = get("chatpage.cchange21") // let err2string = get("chatpage.cchange21")
parentEpml.request('showSnackBar', `${customErrorMessage || err2string}`) // parentEpml.request('showSnackBar', `${customErrorMessage || err2string}`)
} }
if (isForward && response !== true) { if (isForward && response !== true) {
this.isLoading = false this.isLoading = false

22
plugins/plugins/core/components/ChatScroller.js
View File

@ -412,7 +412,7 @@ class ChatScroller extends LitElement {
previousScrollHeight = viewElement.scrollHeight; previousScrollHeight = viewElement.scrollHeight;
const copy = [...this.messagesToRender] const copy = type === 'initial' ? [] : [...this.messagesToRender]
for (const newMessage of newMessages) { for (const newMessage of newMessages) {
const lastGroupedMessage = copy[copy.length - 1]; const lastGroupedMessage = copy[copy.length - 1];
@ -458,6 +458,8 @@ class ChatScroller extends LitElement {
} }
this.clearLoaders() this.clearLoaders()
} }
@ -603,6 +605,18 @@ class ChatScroller extends LitElement {
if (changedProperties && changedProperties.has('updateMessageHash') && Object.keys(this.updateMessageHash).length > 0) { if (changedProperties && changedProperties.has('updateMessageHash') && Object.keys(this.updateMessageHash).length > 0) {
this.replaceMessagesWithUpdate(this.updateMessageHash) this.replaceMessagesWithUpdate(this.updateMessageHash)
} }
if (changedProperties && changedProperties.has('messageQueue') && Object.keys(this.messageQueue).length > 0) {
if(!this.disableAddingNewMessages){
await new Promise((res)=> {
setTimeout(()=> {
res()
}, 200)
})
const viewElement = this.shadowRoot.querySelector("#viewElement");
viewElement.scrollTop = viewElement.scrollHeight + 200
}
}
} }
@ -616,7 +630,6 @@ class ChatScroller extends LitElement {
render() { render() {
console.log('this.chatId', this.chatId)
// let formattedMessages = this.messages.reduce((messageArray, message) => { // let formattedMessages = this.messages.reduce((messageArray, message) => {
// const currentMessage = this.updateMessageHash[message.signature] || message; // const currentMessage = this.updateMessageHash[message.signature] || message;
// const lastGroupedMessage = messageArray[messageArray.length - 1]; // const lastGroupedMessage = messageArray[messageArray.length - 1];
@ -696,7 +709,7 @@ class ChatScroller extends LitElement {
.listSeenMessages=${this.listSeenMessages} .listSeenMessages=${this.listSeenMessages}
chatId=${this.chatId} chatId=${this.chatId}
></message-template> ></message-template>
${message.isDivider ? html`<div class="unread-divider" id="unread-divider-id">Unread Messages Below</div>` : null} ${message.isDivider ? html`<div class="unread-divider" id="unread-divider-id">${translate('chatpage.cchange92')}</div>` : null}
` `
@ -1117,7 +1130,6 @@ class MessageTemplate extends LitElement {
let isEdited = false let isEdited = false
let attachment = null let attachment = null
try { try {
console.log('this.messageOb', this.messageObj )
const parsedMessageObj = JSON.parse(this.messageObj.decodedMessage) const parsedMessageObj = JSON.parse(this.messageObj.decodedMessage)
if (+parsedMessageObj.version > 1 && parsedMessageObj.messageText) { if (+parsedMessageObj.version > 1 && parsedMessageObj.messageText) {
messageVersion2 = generateHTML(parsedMessageObj.messageText, [ messageVersion2 = generateHTML(parsedMessageObj.messageText, [
@ -1536,7 +1548,7 @@ class MessageTemplate extends LitElement {
: '' : ''
} }
${this.isInProgress ? html` ${this.isInProgress ? html`
<p>Sending...</p> <p>${translate('chatpage.cchange91')}</p>
` : html` ` : html`
<message-time timestamp=${this.messageObj.timestamp}></message-time> <message-time timestamp=${this.messageObj.timestamp}></message-time>
`} `}

5
plugins/plugins/core/components/ChatTextEditor.js
View File

@ -382,7 +382,6 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
} }
render() { render() {
console.log('at render', this.messageQueue)
return html` return html`
<div <div
class=${["chatbar-container", "chatbar-buttons", this.iframeId !=="_chatEditorDOM" && 'hide-styling'].join(" ")} class=${["chatbar-container", "chatbar-buttons", this.iframeId !=="_chatEditorDOM" && 'hide-styling'].join(" ")}
@ -519,7 +518,6 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
icon="vaadin:check" icon="vaadin:check"
slot="icon" slot="icon"
@click=${() => { @click=${() => {
console.log('onclick', this.messageQueue)
this.sendMessageFunc(this.messageQueue); this.sendMessageFunc(this.messageQueue);
}} }}
> >
@ -543,7 +541,6 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
alt="send-icon" alt="send-icon"
class="send-icon" class="send-icon"
@click=${() => { @click=${() => {
console.log('onclick', this.messageQueue)
this.sendMessageFunc(this.messageQueue); this.sendMessageFunc(this.messageQueue);
}} }}
/> />
@ -647,7 +644,6 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
} }
sendMessageFunc(props) { sendMessageFunc(props) {
console.log({props})
if(this.editor.isEmpty && (this.iframeId !== 'newChat' && this.iframeId !== 'newAttachmentChat')) return if(this.editor.isEmpty && (this.iframeId !== 'newChat' && this.iframeId !== 'newAttachmentChat')) return
this.getMessageSize(this.editor.getJSON()) this.getMessageSize(this.editor.getJSON())
if (this.chatMessageSize > 4000 ) { if (this.chatMessageSize > 4000 ) {
@ -655,7 +651,6 @@ mwc-checkbox::shadow .mdc-checkbox::after, mwc-checkbox::shadow .mdc-checkbox::b
return; return;
} }
this.chatMessageSize = 0; this.chatMessageSize = 0;
console.log('messageQueue', this.messageQueue)
this._sendMessage(props, this.editor.getJSON(), this.messageQueue); this._sendMessage(props, this.editor.getJSON(), this.messageQueue);
} }

11
plugins/plugins/core/components/webworkerDecodeMessages.js
View File

@ -2465,7 +2465,6 @@ class Base58 {
} }
decode(string) { decode(string) {
console.log({string})
if (string.length === 0) { if (string.length === 0) {
return new Uint8Array(0); return new Uint8Array(0);
} }
@ -2768,12 +2767,7 @@ export const decryptChatMessageBase64 = (
recipientPublicKey, recipientPublicKey,
lastReference lastReference
) => { ) => {
console.log('1', {
encryptedMessage,
privateKey,
recipientPublicKey,
lastReference
})
let _encryptedMessage = atob(encryptedMessage); let _encryptedMessage = atob(encryptedMessage);
const binaryLength = _encryptedMessage.length; const binaryLength = _encryptedMessage.length;
const bytes = new Uint8Array(binaryLength); const bytes = new Uint8Array(binaryLength);
@ -2794,9 +2788,7 @@ export const decryptChatMessageBase64 = (
_base58RecipientPublic instanceof Uint8Array _base58RecipientPublic instanceof Uint8Array
? base58Instant.encode(_base58RecipientPublic) ? base58Instant.encode(_base58RecipientPublic)
: _base58RecipientPublic; : _base58RecipientPublic;
console.log({_base58RecipientPublicKey})
const _recipientPublicKey = base58Instant.decode(_base58RecipientPublicKey); const _recipientPublicKey = base58Instant.decode(_base58RecipientPublicKey);
console.log({_recipientPublicKey})
const _lastReference = const _lastReference =
lastReference instanceof Uint8Array lastReference instanceof Uint8Array
? lastReference ? lastReference
@ -2851,7 +2843,6 @@ const decodeMessage = (
_publicKeyVar.hasPubKey === true && _publicKeyVar.hasPubKey === true &&
encodedMessageObj.data encodedMessageObj.data
) { ) {
console.log('hello encrypt')
let decodedMessage = decryptChatMessageBase64( let decodedMessage = decryptChatMessageBase64(
encodedMessageObj.data, encodedMessageObj.data,
privateKey, privateKey,

6
plugins/plugins/core/messaging/chain-messaging/chain-messaging.js
View File

File diff suppressed because one or more lines are too long

11
plugins/plugins/core/messaging/q-chat/q-chat.src.js
View File

@ -95,9 +95,8 @@ class Chat extends LitElement {
} }
async setActiveChatHeadUrl(url) { async setActiveChatHeadUrl(url) {
this.activeChatHeadUrl = ''
await this.updateComplete;
this.activeChatHeadUrl = url this.activeChatHeadUrl = url
this.requestUpdate()
} }
resetChatEditor(){ resetChatEditor(){
@ -223,8 +222,8 @@ class Chat extends LitElement {
<span>${translate("chatpage.cchange5")} <mwc-icon style="font-size: 16px; vertical-align: bottom;">keyboard_arrow_down</mwc-icon></span> <span>${translate("chatpage.cchange5")} <mwc-icon style="font-size: 16px; vertical-align: bottom;">keyboard_arrow_down</mwc-icon></span>
</div> </div>
<div class="chat-history"> <div class="chat-history">
${this.isEmptyArray(this.chatHeads) ? html`${this.renderChatWelcomePage()}` : html`${this.renderChatPage()}`}
${this.activeChatHeadUrl ? html`${this.renderChatPage()}` : html`${this.renderChatWelcomePage()}`}
</div> </div>
</div> </div>
<!-- Start Chatting Dialog --> <!-- Start Chatting Dialog -->
@ -818,6 +817,7 @@ class Chat extends LitElement {
} }
renderChatPage() { renderChatPage() {
console.log('this.chatHeads', this.chatHeads, this.activeChatHeadUrl)
// Check for the chat ID from and render chat messages // Check for the chat ID from and render chat messages
// Else render Welcome to Q-CHat // Else render Welcome to Q-CHat
@ -864,6 +864,9 @@ class Chat extends LitElement {
} }
this.chatHeads = chatHeadMasterList.sort(compareArgs) this.chatHeads = chatHeadMasterList.sort(compareArgs)
if(!this.activeChatHeadUrl && this.chatHeads.length > 0){
this.activeChatHeadUrl = this.chatHeads[0].url
}
} }
getChatHeadFromState(chatObj) { getChatHeadFromState(chatObj) {