e2m/dispatch
4
0
Fork 0
Code Issues Pull requests Releases Wiki Activity

Support changing the nick by clicking it in MessageInput

Browse source
This commit is contained in:
Ken-Håvard Lieng 2017-06-21 07:23:07 +02:00
parent 4a74463ae8
commit f174d98107
16 changed files with 335 additions and 134 deletions
Download patch file Download diff file Expand all files Collapse all files

12
client/src/js/components/MessageInput.js
View file

@ -1,4 +1,5 @@
import React, { PureComponent } from 'react';
import Editable from './ui/Editable';
export default class MessageInput extends PureComponent {
state = {
@ -35,10 +36,17 @@ export default class MessageInput extends PureComponent {
};
render() {
const { nick, currentHistoryEntry } = this.props;
const { nick, currentHistoryEntry, onNickChange, onNickEditDone } = this.props;
return (
<div className="message-input-wrap">
<span className="message-input-nick">{nick}</span>
<Editable
className="message-input-nick"
value={nick}
onBlur={onNickEditDone}
onChange={onNickChange}
>
<span className="message-input-nick">{nick}</span>
</Editable>
<input
className="message-input"
type="text"