<commit_before>import React, { Component } from 'react';
import Drawer from 'material-ui/Drawer';
import MenuItem from 'material-ui/MenuItem';

const AppDrawer = ({ drawerOpen, updateDrawer }) => {
  return (
  	<Drawer
  		className="app-drawer"
  		overlayClassName="app-drawer-overlay"
  		docked={false}
  		width={400}
  		open={drawerOpen}
  		onRequestChange={(open) => updateDrawer()}
  	>
  		<MenuItem className="app-drawer-profile" onTouchTap={() => updateDrawer()}>Profile</MenuItem>
  		<MenuItem className="app-drawer-recipes" onTouchTap={() => updateDrawer()}>Recipes</MenuItem>
  	</Drawer>
  );
};

export default AppDrawer;
<commit_msg>[pull] adds placeholder image to appDrawer and creates link buttons to icebox, recipes, and settings<commit_after>import React, { Component } from 'react';
import { Link } from 'react-router';
import Drawer from 'material-ui/Drawer';
import FlatButton from 'material-ui/FlatButton';

const styles = {
  container: {
    height: '100%',
    width: '100%',
    display: 'flex',
    flexWrap: 'wrap',
    flexDirection: 'column',
    justifyContent: 'flex-start',
    alignItems: 'stretch',
  },
  profileTile: {
    flex: 2,
  },
  tile1: {
    flex: 1,
    width: '100%',
    backgroundColor: '#C7EDE8',
  },
  tile2: {
    flex: 1,
    width: '100%',
    backgroundColor: '#A7DBD8',
  },
  tile3: {
    flex: 1,
    width: '100%',
    backgroundColor: '#69D2E7',
  },
  button: {
    color: '#556270',
    fontSize: '2em',
    height: '100%',
    width: '100%',
  }
}

const AppDrawer = ({ drawerOpen, updateDrawer }) => {
  return (
  	<Drawer
  		className="app-drawer"
  		overlayClassName="app-drawer-overlay"
  		docked={false}
  		width={400}
  		open={drawerOpen}
  		onRequestChange={(open) => updateDrawer()}
  	>
      <div style={styles.container}>
        <img style={styles.profileTile} src={'https://avatars2.githubusercontent.com/u/16884524?v=3&s=460'} />
        <Link to="/icebox" style={styles.tile1}><FlatButton style={styles.button} className="app-drawer-icebox" onTouchTap={() => updateDrawer()}>Icebox</FlatButton></Link>
        <Link to="/recipes" style={styles.tile2}><FlatButton style={styles.button} className="app-drawer-recipes" onTouchTap={() => updateDrawer()}>Recipes</FlatButton></Link>
        <Link to="/settings" style={styles.tile3}><FlatButton style={styles.button} className="app-drawer-settings" onTouchTap={() => updateDrawer()}>Settings</FlatButton></Link>
      </div>
  	</Drawer>
  );
};

export default AppDrawer;

{'fraction_non_alphanumeric': 0.1726332537788385, 'fraction_numerical': 0.025855210819411296, 'mean_word_length': 3.98019801980198, 'pattern_counts': {'":': 0, '<': 26, '<?xml version=': 0, '>': 35, 'https://': 1, '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': '940546', 'n_tokens_mistral': 915, 'n_tokens_neox': 886, 'n_words': 163}