<commit_before>import React from 'react';
import TitleBar from './title-bar';
import DataTable from './datatable';
import Pagination from './pagination';


class DataGrid extends React.Component{
  render() {
    return (
      <div>
        <div className="row">
          <TitleBar />
        </div>
        <div className="dataTable">
          <DataTable />
        </div>
          <Pagination />
      </div>
    );
  }
};

React.render(<DataGrid />, document.getElementById('dataGrid'));<commit_msg>update app.jsx for bootstrap/jquery<commit_after>import React from 'react';
import TitleBar from './title-bar';
import DataTable from './datatable';
import Pagination from './pagination';

import jQuery from 'jquery';
global.jQuery = jQuery;
import bootstrap from 'bootstrap';

class DataGrid extends React.Component{
  render() {
    return (
      <div>
        <div className="row">
          <TitleBar />
        </div>
        <div className="dataTable">
          <DataTable />
        </div>
          <Pagination />
      </div>
    );
  }
};

React.render(<DataGrid />, document.getElementById('dataGrid'));
{'fraction_non_alphanumeric': 0.14527629233511585, 'fraction_numerical': 0.0, 'mean_word_length': 2.5537974683544302, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 23, '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': '2296618', 'n_tokens_mistral': 320, 'n_tokens_neox': 316, 'n_words': 82}