<commit_before>import React, {Component, PropTypes} from 'react';
import Button from 'components/Button';
import ContentLink from '../ContentLink';
import UserLink from '../UserLink';
import LikeButton from 'components/LikeButton';
import Textarea from 'react-textarea-autosize';
import InputArea from 'components/InputArea';
import Heading from './Heading';
import MainContent from './MainContent';
import SiblingContent from './SiblingContent';
import MyReply from './MyReply';


export default class FeedPanel extends Component {
  constructor() {
    super()
    this.state = {
      inputBoxShown: false,
      replyLeft: false
    }
  }
  render() {
    const {inputBoxShown, replyLeft} = this.state;
    const {feed, userId} = this.props;
    return (
      <div
        className="panel panel-default"
        style={{borderTop: '#e7e7e7 1px solid'}}
      >
        <Heading
          videoTitle={feed.parentContentTitle}
          action={!!feed.commentId ? 'replied to' : 'commented on'}
          uploader={{name: feed.uploaderName, id: feed.uploaderId}}
          siblingContentUploader={!!feed.siblingContentUploaderName && {name: feed.siblingContentUploaderName, id: feed.siblingContentUploaderId}}
          parentContent={{id: feed.parentContentId, title: feed.parentContentTitle}}
          timeStamp={feed.timeStamp}
        />
        <div className="panel-body">
          <MainContent
            content={feed.content}
            likes={feed.contentLikers}
            myId={userId}
            contentId={feed.contentId}
          />
          {!!feed.commentId &&
            <SiblingContent
              uploader={{name: feed.siblingContentUploaderName, id: feed.siblingContentUploaderId}}
              likes={feed.siblingContentLikers}
              content={feed.siblingContent}
              myId={userId}
              contentId={feed.commentId}
            />
          }
          {/*
          <MyReply />
          {!replyLeft && (inputBoxShown ?
            <InputArea
              onSubmit={() => console.log("submitted")}
              rows={4}
              placeholder="Leave a reply here"
            /> :
            <Button
              className="btn btn-primary"
              onClick={() => this.setState({inputBoxShown: true})}
            >
              Leave a reply
            </Button>)
          }
        */}
        </div>
      </div>
    )
  }
}
<commit_msg>feed ux change<commit_after>import React, {Component, PropTypes} from 'react';
import Button from 'components/Button';
import ContentLink from '../ContentLink';
import UserLink from '../UserLink';
import LikeButton from 'components/LikeButton';
import Textarea from 'react-textarea-autosize';
import InputArea from 'components/InputArea';
import Heading from './Heading';
import MainContent from './MainContent';
import SiblingContent from './SiblingContent';
import MyReply from './MyReply';


export default class FeedPanel extends Component {
  constructor() {
    super()
    this.state = {
      inputBoxShown: false,
      replyLeft: false
    }
  }
  render() {
    const {inputBoxShown, replyLeft} = this.state;
    const {feed, userId} = this.props;
    return (
      <div
        className="panel panel-default"
        style={{borderTop: '#e7e7e7 1px solid'}}
      >
        <Heading
          videoTitle={feed.parentContentTitle}
          action={!!feed.commentId ? 'replied to' : 'commented on'}
          uploader={{name: feed.uploaderName, id: feed.uploaderId}}
          siblingContentUploader={!!feed.siblingContentUploaderName && {name: feed.siblingContentUploaderName, id: feed.siblingContentUploaderId}}
          parentContent={{id: feed.parentContentId, title: feed.parentContentTitle}}
          timeStamp={feed.timeStamp}
        />
        <div className="panel-body">
          {!!feed.commentId &&
            <SiblingContent
              uploader={{name: feed.siblingContentUploaderName, id: feed.siblingContentUploaderId}}
              likes={feed.siblingContentLikers}
              content={feed.siblingContent}
              myId={userId}
              contentId={feed.commentId}
            />
          }
          <MainContent
            content={feed.content}
            likes={feed.contentLikers}
            myId={userId}
            contentId={feed.contentId}
          />
          {/*
          <MyReply />
          {!replyLeft && (inputBoxShown ?
            <InputArea
              onSubmit={() => console.log("submitted")}
              rows={4}
              placeholder="Leave a reply here"
            /> :
            <Button
              className="btn btn-primary"
              onClick={() => this.setState({inputBoxShown: true})}
            >
              Leave a reply
            </Button>)
          }
        */}
        </div>
      </div>
    )
  }
}

{'fraction_non_alphanumeric': 0.12022309440198306, 'fraction_numerical': 0.002065688907250568, 'mean_word_length': 2.1138263665594854, 'pattern_counts': {'":': 0, '<': 25, '<?xml version=': 0, '>': 29, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '4727568', 'n_tokens_mistral': 1308, 'n_tokens_neox': 1347, 'n_words': 276}