[MM-30340] Update post height when comment box height change occurs (#…

…7039) (#7044)

Automatic Merge

components/create_comment/create_comment.jsx

@@ -229,6 +229,7 @@ class CreateComment extends React.PureComponent {
  getChannelMemberCountsByGroup: PropTypes.func.isRequired,
  groupsWithAllowReference: PropTypes.object,
  channelMemberCountsByGroup: PropTypes.object,
+ onHeightChange: PropTypes.func,
  }
 
  static getDerivedStateFromProps(props, state) {
@@ -971,6 +972,10 @@ class CreateComment extends React.PureComponent {
  this.setState({scrollbarWidth: Utils.scrollbarWidth(this.refs.textbox.getInputBox())});
  }
  });
+
+ if (this.props.onHeightChange) {
+ this.props.onHeightChange();
+ }
  }
 
  render() {

components/rhs_thread/__snapshots__/rhs_thread.test.tsx.snap

@@ -121,6 +121,7 @@ exports[`components/RhsThread should match snapshot 1`] = `
  <Connect(injectIntl(CreateComment))
  channelId="channel_id"
  latestPostId="id"
+ onHeightChange={[Function]}
  rootDeleted={false}
  rootId="id"
  />

components/rhs_thread/rhs_thread.tsx

@@ -214,10 +214,6 @@ export default class RhsThread extends React.Component<Props, State> {
  this.props.actions.selectPostCard(post);
  }
 
- private onBusy = (isBusy: boolean) => {
- this.setState({isBusy});
- }
-
  private filterPosts = (posts: Post[], selected: Post | FakePost, openTime: number): Post[] => {
  const postsArray: Post[] = [];
 
@@ -297,6 +293,11 @@ export default class RhsThread extends React.Component<Props, State> {
  });
  }
 
+ private handlePostCommentResize = (): void => {
+ this.resizeRhsPostList();
+ this.scrollToBottom();
+ }
+
  public render(): JSX.Element {
  if (this.props.posts == null || this.props.selected == null || !this.props.channel) {
  return (
@@ -381,6 +382,7 @@ export default class RhsThread extends React.Component<Props, State> {
  ref={this.postCreateContainerRef}
  >
  <CreateComment
+ onHeightChange={this.handlePostCommentResize}
  channelId={selected.channel_id}
  rootId={selected.id}
  rootDeleted={(selected as Post).state === Posts.POST_DELETED}