rondomoon/peer-calls
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Fix bug: Use unisex icon for message without image

Browse Source
This commit is contained in:
Michael H. Arieli 2018-12-02 17:14:06 -08:00
parent 235067c72e
commit 387dd21539
2 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/client/components/Chat.js
View File

@ -58,11 +58,19 @@ export default class Chat extends React.PureComponent {
<time className="message-time">{message.timestamp}</time> <time className="message-time">{message.timestamp}</time>
<p className="message-text">{message.message}</p> <p className="message-text">{message.message}</p>
</div> </div>
<img className="chat-item-img" src={message.image} /> {message.image ? (
<img className="chat-item-img" src={message.image} />
) : (
<span className="chat-item-img icon icon-face" />
)}
</div> </div>
) : ( ) : (
<div className="chat-item chat-item-other"> <div className="chat-item chat-item-other">
<img className="chat-item-img" src={message.image} /> {message.image ? (
<img className="chat-item-img" src={message.image} />
) : (
<span className="chat-item-img icon icon-face" />
)}
<div className="message"> <div className="message">
<span className="message-user-name"> <span className="message-user-name">
{message.userId} {message.userId}

6
src/scss/_chat.scss
View File

@ -101,7 +101,11 @@
width: 36px; width: 36px;
height: 36px; height: 36px;
border-radius: 50%; border-radius: 50%;
background: #75b1e8;
&.icon {
font-size: 36px;
color: #777;
}
} }
.message { .message {