LogalDeveloper/owncast
0
Fork 0
Code Activity

optmized lines

Browse Source
This commit is contained in:
Ginger Wong
2020-10-17 19:21:43 -07:00
parent 7dcc89a841
commit 03a6eb3cee
1 changed files with 10 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

17
webroot/js/components/chat/chat-message-view.js
View File

@@ -18,24 +18,27 @@ export default class ChatMessageView extends Component {
const formattedTimestamp = formatTimestamp(timestamp); const formattedTimestamp = formatTimestamp(timestamp);
const isSystemMessage = message.type === SOCKET_MESSAGE_TYPES.SYSTEM; const isSystemMessage = message.type === SOCKET_MESSAGE_TYPES.SYSTEM;
const authorColor = textColorForString(author);
const backgroundColor = messageBubbleColorForString(author); const authorTextColor = isSystemMessage
const authorTextColor = isSystemMessage ? { color: 'white' } : { color: authorColor }; ? { color: '#fff' }
: { color: textColorForString(author) };
const backgroundStyle = isSystemMessage const backgroundStyle = isSystemMessage
? { backgroundColor: '#667eea' } ? { backgroundColor: '#667eea' }
: { backgroundColor: backgroundColor }; : { backgroundColor: messageBubbleColorForString(author) };
const classString = isSystemMessage ? getSystemMessageClassString() : getChatMessageClassString(); const messageClassString = isSystemMessage
? getSystemMessageClassString()
: getChatMessageClassString();
return html` return html`
<div <div
style=${backgroundStyle} style=${backgroundStyle}
class=${classString} class=${messageClassString}
title=${formattedTimestamp} title=${formattedTimestamp}
> >
<div class="message-content break-words w-full"> <div class="message-content break-words w-full">
<div <div
style=${authorTextColor} style=${authorTextColor}
class="message-author text-white font-bold" class="message-author font-bold"
> >
${author} ${author}
</div> </div>