<commit_before>import React, { Component, PropTypes } from 'react';
import UserProfileBasicInfo from './UserProfileBasicInfo'
import AnnotationsListView from './AnnotationsListView'
import source from './Data_Source'

class UserProfileViewer extends Component {

  render () {
    return(

    <div>
      <UserProfileBasicInfo source={source}/>
      <AnnotationsListView annotations={source.annotations} />

    </div>

    )
  }
}
export default UserProfileViewer;<commit_msg>Adding tabs to user profile page<commit_after>import React, { Component, PropTypes } from 'react';
import UserProfileBasicInfo from './UserProfileBasicInfo'
import AnnotationsListView from './AnnotationsListView'
import source from './Data_Source'
import {Tabs, Tab} from 'material-ui/lib/Tabs';
 var injectTapEventPlugin = require("react-tap-event-plugin");
 injectTapEventPlugin();

class UserProfileViewer extends Component {
  constructor(props) {
     super(props);
     this.state = {
       value: 'a',
     };
   }

   handleChange = (value) => {
     this.setState({
       value: value,
     });
   };

   render() {
     return (
       <div>
       <UserProfileBasicInfo source={source}/>

         <Tabs

         >
           <Tab label="Annotations"  >
             <div>
                <AnnotationsListView annotations={source.annotations} />
             </div>
           </Tab>
           <Tab label="Tab B" >
             <div>
                <p>
                 This is another example of a controllable tab. Remember, if you
                 use controllable Tabs, you need to give all of your tabs values or else
                 you wont be able to select them.
               </p>
             </div>
           </Tab>
         </Tabs>
        </div>
     );
   }
}
export default UserProfileViewer;
{'fraction_non_alphanumeric': 0.10631229235880399, 'fraction_numerical': 0.0, 'mean_word_length': 2.238351254480287, 'pattern_counts': {'":': 0, '<': 23, '<?xml version=': 0, '>': 24, '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': '6801649', 'n_tokens_mistral': 502, 'n_tokens_neox': 478, 'n_words': 136}