de37a2aa7a
* Fix autocomplete showing behind the keyboard on iOS and not working on Android * Unbundle config for Android * Dismiss keyboard on post long press, fix scroll to bottom on new message and update tests * Add a timeout before scrolling to give time to render the last post * Fix crash on Android
49 lines
1.4 KiB
JavaScript
49 lines
1.4 KiB
JavaScript
// Copyright (c) 2015-present Mattermost, Inc. All Rights Reserved.
|
|
// See LICENSE.txt for license information.
|
|
|
|
import React from 'react';
|
|
|
|
import Autocomplete from 'app/components/autocomplete';
|
|
import FileUploadPreview from 'app/components/file_upload_preview';
|
|
|
|
import Typing from './components/typing';
|
|
import PostTextBoxBase from './post_textbox_base';
|
|
|
|
const AUTOCOMPLETE_MARGIN = 20;
|
|
const AUTOCOMPLETE_MAX_HEIGHT = 200;
|
|
|
|
export default class PostTextBoxAndroid extends PostTextBoxBase {
|
|
render() {
|
|
const {
|
|
channelId,
|
|
deactivatedChannel,
|
|
files,
|
|
rootId,
|
|
} = this.props;
|
|
|
|
if (deactivatedChannel) {
|
|
return this.renderDeactivatedChannel();
|
|
}
|
|
|
|
const {cursorPosition, top} = this.state;
|
|
|
|
return (
|
|
<React.Fragment>
|
|
<Typing/>
|
|
<FileUploadPreview
|
|
channelId={channelId}
|
|
files={files}
|
|
rootId={rootId}
|
|
/>
|
|
<Autocomplete
|
|
cursorPosition={cursorPosition}
|
|
maxHeight={Math.min(top - AUTOCOMPLETE_MARGIN, AUTOCOMPLETE_MAX_HEIGHT)}
|
|
onChangeText={this.handleTextChange}
|
|
value={this.state.value}
|
|
rootId={rootId}
|
|
/>
|
|
{this.renderTextBox()}
|
|
</React.Fragment>
|
|
);
|
|
}
|
|
}
|