Add sendButtonPressed function

hiveteams · Jan 29, 2019 · 895ae85 · 895ae85
1 parent a92e5b6
commit 895ae85
Showing 1 changed file with 14 additions and 12 deletions.
diff --git a/client/src/components/PlaceOverlay/PlaceOverlay.js b/client/src/components/PlaceOverlay/PlaceOverlay.js
@@ -18,6 +18,7 @@ class PlaceOverlay extends React.PureComponent {
     };
 
     this.savePlaceName = this.savePlaceName.bind(this);
+    this.sendButtonPressed = this.sendButtonPressed.bind(this);
   }
 
   componentWillReceiveProps(nextProps) {
@@ -40,6 +41,18 @@ class PlaceOverlay extends React.PureComponent {
     }
   }
 
+  sendButtonPressed() {
+    const { place } = this.props;
+
+    if (!this.state.messageText) return;
+
+    Realtime.createMessage({
+      text: this.state.messageText,
+      placeId: place._id,
+    });
+    this.setState({ messageText: "" });
+  }
+
   render() {
     const { place } = this.props;
     return (
@@ -77,18 +90,7 @@ class PlaceOverlay extends React.PureComponent {
                 />
               </View>
               <View style={styles.sendWrapper}>
-                <Button
-                  title="Send"
-                  onPress={() => {
-                    if (!this.state.messageText) return;
-
-                    Realtime.createMessage({
-                      text: this.state.messageText,
-                      placeId: place._id,
-                    });
-                    this.setState({ messageText: "" });
-                  }}
-                />
+                <Button title="Send" onPress={this.sendButtonPressed} />
               </View>
             </View>
             <View style={styles.closeWrapper}>