<commit_before>import React, { Component } from "react";
import { Form, Text } from "react-form";
import { Container, Col } from "reactstrap";
import BodyEditor from "./BodyEditor";
import ImageListEditor from "./ImageListEditor";

export default class ItemEditor extends Component {
  render() {
    let { thing, sidebar, onSubmit } = this.props;

    if (!thing) {
      return <div />;
    }

    return (
      <Form onSubmit={onSubmit}>
        {({ submitForm }) => {
          return (
            <form onSubmit={submitForm}>
              <div className="main-contents">
                <Container className="detailed-case-component" fluid={true}>
                  <Col
                    md="3"
                    className="hidden-sm-down sidepanel hidden-sm-down"
                  >
                    {sidebar}
                  </Col>
                  <Col md="8" xs="12" className="main-area">
                    <div className="case-box">
                      <h2 className="category">
                        Case
                      </h2>
                      <h2 className="case-title">
                        {thing.title}
                      </h2>
                      <ImageListEditor thing={thing} />
                      <div className="title-edit">
                        <label htmlFor="title">Title</label>
                      </div>
                      <Text field="title" placeholder="case title" />
                      <div>
                        <label htmlFor="body_en">Body</label>
                      </div>
                      <BodyEditor value={thing.body} />
                    </div>
                    <button type="submit">Submit</button>
                  </Col>
                </Container>
              </div>
            </form>
          );
        }}
      </Form>
    );
  }
}
<commit_msg>Make title field be full width<commit_after>import React, { Component } from "react";
import { Form } from "react-form";
import TextField from "material-ui/TextField";
import { Container, Col } from "reactstrap";
import BodyEditor from "./BodyEditor";
import ImageListEditor from "./ImageListEditor";

export default class ItemEditor extends Component {
  render() {
    let { thing, sidebar, onSubmit } = this.props;

    if (!thing) {
      return <div />;
    }

    return (
      <Form onSubmit={onSubmit}>
        {({ submitForm }) => {
          return (
            <form onSubmit={submitForm}>
              <div className="main-contents">
                <Container className="detailed-case-component" fluid={true}>
                  <Col
                    md="3"
                    className="hidden-sm-down sidepanel hidden-sm-down"
                  >
                    {sidebar}
                  </Col>
                  <Col md="8" xs="12" className="main-area">
                    <div className="case-box">
                      <h2 className="category">
                        Case
                      </h2>
                      <h2 className="case-title">
                        {thing.title}
                      </h2>
                      <ImageListEditor thing={thing} />
                      <div className="title-edit">
                        <label htmlFor="title">Title</label>
                      </div>
                      <TextField
                        field="title"
                        placeholder="case title"
                        fullWidth={true}
                      />
                      <div>
                        <label htmlFor="body_en">Body</label>
                      </div>
                      <BodyEditor value={thing.body} />
                    </div>
                    <button type="submit">Submit</button>
                  </Col>
                </Container>
              </div>
            </form>
          );
        }}
      </Form>
    );
  }
}

{'fraction_non_alphanumeric': 0.11898669396110542, 'fraction_numerical': 0.0040941658137154556, 'mean_word_length': 1.1038751345532831, 'pattern_counts': {'":': 0, '<': 67, '<?xml version=': 0, '>': 69, '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': '898512', 'n_tokens_mistral': 963, 'n_tokens_neox': 892, 'n_words': 203}