Navy.gif/owncast
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki 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
Show Stats 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 isSystemMessage = message.type === SOCKET_MESSAGE_TYPES.SYSTEM;
const authorColor = textColorForString(author);
const backgroundColor = messageBubbleColorForString(author);
const authorTextColor = isSystemMessage ? { color: 'white' } : { color: authorColor };
const authorTextColor = isSystemMessage
? { color: '#fff' }
: { color: textColorForString(author) };
const backgroundStyle = isSystemMessage
? { backgroundColor: '#667eea' }
: { backgroundColor: backgroundColor };
const classString = isSystemMessage ? getSystemMessageClassString() : getChatMessageClassString();
: { backgroundColor: messageBubbleColorForString(author) };
const messageClassString = isSystemMessage
? getSystemMessageClassString()
: getChatMessageClassString();
return html`
<div
style=${backgroundStyle}
class=${classString}
class=${messageClassString}
title=${formattedTimestamp}
>
<div class="message-content break-words w-full">
<div
style=${authorTextColor}
class="message-author text-white font-bold"
class="message-author font-bold"
>
${author}
</div>