diff --git a/js/modules/loki_public_chat_api.js b/js/modules/loki_public_chat_api.js index edc020059..637e6f6de 100644 --- a/js/modules/loki_public_chat_api.js +++ b/js/modules/loki_public_chat_api.js @@ -48,7 +48,9 @@ class LokiPublicServerAPI { this.channels = []; } findOrCreateChannel(channelId, conversationId) { - let thisChannel = this.channels.find(channel => channel.channelId === channelId); + let thisChannel = this.channels.find( + channel => channel.channelId === channelId + ); if (!thisChannel) { thisChannel = new LokiPublicChannelAPI(this, channelId, conversationId); this.channels.push(thisChannel); diff --git a/ts/components/conversation/ContactName.tsx b/ts/components/conversation/ContactName.tsx index d8d02efb2..bd0db5d5b 100644 --- a/ts/components/conversation/ContactName.tsx +++ b/ts/components/conversation/ContactName.tsx @@ -15,22 +15,30 @@ interface Props { export class ContactName extends React.Component { public render() { - const { phoneNumber, name, profileName, i18n, module, boldProfileName } = this.props; + const { + phoneNumber, + name, + profileName, + i18n, + module, + boldProfileName, + } = this.props; const prefix = module ? module : 'module-contact-name'; const title = name ? name : phoneNumber; const shouldShowProfile = Boolean(profileName && !name); - const profileElement = shouldShowProfile ? - (boldProfileName ? ( - - - - ) : ( - + const styles = (boldProfileName + ? { + fontWeight: 'bold', + } + : {}) as React.CSSProperties; + const profileElement = shouldShowProfile ? ( + + - - )) - : null; + + + ) : null; return ( diff --git a/ts/components/conversation/Message.tsx b/ts/components/conversation/Message.tsx index c547da4c6..d1b611416 100644 --- a/ts/components/conversation/Message.tsx +++ b/ts/components/conversation/Message.tsx @@ -307,7 +307,10 @@ export class Message extends React.PureComponent { return (