From 388393afb6ae2e31422e3bab98b0fa215ae7a978 Mon Sep 17 00:00:00 2001
From: Harrison Healey <harrisonmhealey@gmail.com>
Date: Thu, 19 Jan 2017 17:20:34 -0500
Subject: [PATCH] Fixed post textbox being off screen (#168)

---
 app/components/post_textbox/post_textbox.js | 111 ++++++++++----------
 app/scenes/channel/channel.js               |   1 -
 2 files changed, 54 insertions(+), 58 deletions(-)

diff --git a/app/components/post_textbox/post_textbox.js b/app/components/post_textbox/post_textbox.js
index ce1c4430f..81c59556b 100644
--- a/app/components/post_textbox/post_textbox.js
+++ b/app/components/post_textbox/post_textbox.js
@@ -76,69 +76,66 @@ export default class PostTextbox extends React.PureComponent {
         }
 
         return (
-            <View>
-                <View
+            <View
+                style={{
+                    alignItems: 'flex-end',
+                    backgroundColor: theme.centerChannelBg,
+                    flexDirection: 'row',
+                    padding: 7
+                }}
+            >
+                {/*<TouchableHighlight
                     style={{
-                        alignItems: 'flex-end',
-                        backgroundColor: theme.centerChannelBg,
-                        flex: 1,
-                        flexDirection: 'row',
-                        padding: 7
+                        height: 36,
+                        padding: 9,
+                        width: 36
                     }}
                 >
-                    {/*<TouchableHighlight
+                    <PaperClipIcon
+                        width={18}
+                        height={18}
+                        color={changeOpacity(theme.centerChannelColor, 0.9)}
+                    />
+                </TouchableHighlight>
+                <View style={{width: 7}}/>*/}
+                <TextInputWithLocalizedPlaceholder
+                    ref='input'
+                    value={this.props.value}
+                    onChangeText={this.props.onChangeText}
+                    onContentSizeChange={this.handleContentSizeChange}
+                    placeholder={placeholder}
+                    onSubmitEditing={this.sendMessage}
+                    multiline={true}
+                    style={{
+                        borderColor: changeOpacity(theme.centerChannelColor, 0.2),
+                        borderWidth: 1,
+                        color: theme.centerChannelColor,
+                        flex: 1,
+                        fontSize: 14,
+                        height: Math.min(this.state.contentHeight, MAX_CONTENT_HEIGHT),
+                        paddingBottom: 8,
+                        paddingLeft: 12,
+                        paddingRight: 12,
+                        paddingTop: 6
+                    }}
+                />
+                <View style={{width: 7}}/>
+                <TouchableHighlight
+                    onPress={this.sendMessage}
+                    style={{
+                        height: 36,
+                        width: 36
+                    }}
+                >
+                    <Icon
+                        name='paper-plane'
+                        size={18}
                         style={{
-                            height: 36,
-                            padding: 9,
-                            width: 36
-                        }}
-                    >
-                        <PaperClipIcon
-                            width={18}
-                            height={18}
-                            color={changeOpacity(theme.centerChannelColor, 0.9)}
-                        />
-                    </TouchableHighlight>
-                    <View style={{width: 7}}/>*/}
-                    <TextInputWithLocalizedPlaceholder
-                        ref='input'
-                        value={this.props.value}
-                        onChangeText={this.props.onChangeText}
-                        onContentSizeChange={this.handleContentSizeChange}
-                        placeholder={placeholder}
-                        onSubmitEditing={this.sendMessage}
-                        multiline={true}
-                        style={{
-                            borderColor: changeOpacity(theme.centerChannelColor, 0.2),
-                            borderWidth: 1,
-                            color: theme.centerChannelColor,
-                            flex: 1,
-                            fontSize: 14,
-                            height: Math.min(this.state.contentHeight, MAX_CONTENT_HEIGHT),
-                            paddingBottom: 8,
-                            paddingLeft: 12,
-                            paddingRight: 12,
-                            paddingTop: 6
+                            color: theme.linkColor,
+                            padding: 9
                         }}
                     />
-                    <View style={{width: 7}}/>
-                    <TouchableHighlight
-                        onPress={this.sendMessage}
-                        style={{
-                            height: 36,
-                            width: 36
-                        }}
-                    >
-                        <Icon
-                            name='paper-plane'
-                            size={18}
-                            style={{
-                                color: theme.linkColor,
-                                padding: 9
-                            }}
-                        />
-                    </TouchableHighlight>
-                </View>
+                </TouchableHighlight>
             </View>
         );
     }
diff --git a/app/scenes/channel/channel.js b/app/scenes/channel/channel.js
index abe2dca42..bdf56ec0c 100644
--- a/app/scenes/channel/channel.js
+++ b/app/scenes/channel/channel.js
@@ -112,7 +112,6 @@ export default class Channel extends React.PureComponent {
                             openRightDrawer={this.openRightSidebar}
                         />
                         <ChannelPostList channel={currentChannel}/>
-                        <Text value={this.props.postDraft}/>
                         <PostTextbox
                             ref='postTextbox'
                             value={this.props.postDraft}