From 17ae0a3fafd806a5a533bf1d51a3ac708a8cf978 Mon Sep 17 00:00:00 2001
From: Georgios Andreadis <g.andreadis@student.tudelft.nl>
Date: Fri, 1 Sep 2017 16:42:13 +0200
Subject: Implement room name edit

---
 src/components/modals/TextInputModal.js | 15 +++++++++++----
 1 file changed, 11 insertions(+), 4 deletions(-)

(limited to 'src/components/modals')

diff --git a/src/components/modals/TextInputModal.js b/src/components/modals/TextInputModal.js
index 97986fe2..e4a55372 100644
--- a/src/components/modals/TextInputModal.js
+++ b/src/components/modals/TextInputModal.js
@@ -11,14 +11,20 @@ class TextInputModal extends React.Component {
         initialValue: PropTypes.string,
     };
 
+    componentDidUpdate() {
+        if (this.props.initialValue) {
+            this.textInput.value = this.props.initialValue;
+        }
+    }
+
     onSubmit() {
-        this.props.callback(this.refs.textInput.value);
-        this.refs.textInput.value = "";
+        this.props.callback(this.textInput.value);
+        this.textInput.value = "";
     }
 
     onCancel() {
         this.props.callback(undefined);
-        this.refs.textInput.value = "";
+        this.textInput.value = "";
     }
 
     render() {
@@ -33,7 +39,8 @@ class TextInputModal extends React.Component {
                 }}>
                     <div className="form-group">
                         <label className="form-control-label">{this.props.label}:</label>
-                        <input type="text" className="form-control" ref="textInput" value={this.props.initialValue}/>
+                        <input type="text" className="form-control"
+                               ref={textInput => this.textInput = textInput}/>
                     </div>
                 </form>
             </Modal>
-- 
cgit v1.2.3