DeforaNetworks/jitsi-meet
3
0
Fork 0
Code Releases Activity

ui: web chat facelift

Browse Source
This commit is contained in:
Bettenbuk Zoltan
2019-10-22 13:16:00 +02:00
committed by Zoltan Bettenbuk
parent d11735b04c
commit 9265e1ffec
4 changed files with 57 additions and 28 deletions
Download Patch File Download Diff File Expand all files Collapse all files
react/features/chat/components/web/Chat.js
+4 -1
View File
@@ -4,6 +4,7 @@ import React from 'react';
import Transition from 'react-transition-group/Transition';
import { translate } from '../../../base/i18n';
import { Icon, IconClose } from '../../../base/icons';
import { connect } from '../../../base/redux';
import AbstractChat, {
@@ -137,7 +138,9 @@ class Chat extends AbstractChat<Props> {
<div className = 'chat-header'>
<div
className = 'chat-close'
onClick = { this.props._onToggleChat }>X</div>
onClick = { this.props._onToggleChat }>
<Icon src = { IconClose } />
</div>
</div>
);
}
react/features/chat/components/web/ChatMessage.js
+17 -11
View File
@@ -41,19 +41,25 @@ class ChatMessage extends AbstractChatMessage<Props> {
return (
<div className = 'chatmessage-wrapper'>
<div className = 'replywrapper'>
<div className = 'chatmessage'>
{ this.props.showDisplayName && this._renderDisplayName() }
<div className = 'usermessage'>
{ processedMessage }
<div className = { `chatmessage ${message.privateMessage ? 'privatemessage' : ''}` }>
<div className = 'replywrapper'>
<div className = 'messagecontent'>
{ this.props.showDisplayName && this._renderDisplayName() }
<div className = 'usermessage'>
{ processedMessage }
</div>
{ message.privateMessage && this._renderPrivateNotice() }
</div>
{ message.privateMessage && this._renderPrivateNotice() }
{ message.privateMessage && message.messageType !== MESSAGE_TYPE_LOCAL
&& (
<div className = 'messageactions'>
<PrivateMessageButton
participantID = { message.id }
reply = { true }
showLabel = { false } />
</div>
) }
</div>
{ message.privateMessage && message.messageType !== MESSAGE_TYPE_LOCAL
&& <PrivateMessageButton
participantID = { message.id }
reply = { true }
showLabel = { false } /> }
</div>
{ this.props.showTimestamp && this._renderTimestamp() }
</div>