Add search bar and test entry item

app/components/EntrySelector.jsx

@@ -5,21 +5,22 @@ import getMuiTheme from 'material-ui/lib/styles/getMuiTheme'
 
 import List from 'material-ui/lib/lists/list'
 import ListItem from 'material-ui/lib/lists/list-item'
-import ActionGrade from 'material-ui/lib/svg-icons/action/grade'
-import History from 'material-ui/lib/svg-icons/action/history'
-import AddCircleOutline from 'material-ui/lib/svg-icons/content/add-circle-outline'
-import Folder from 'material-ui/lib/svg-icons/file/folder'
-import Delete from 'material-ui/lib/svg-icons/action/delete'
-import Divider from 'material-ui/lib/divider'
+import Description from 'material-ui/lib/svg-icons/action/description'
+import Add from 'material-ui/lib/svg-icons/content/add'
+import Search from 'material-ui/lib/svg-icons/action/search'
+import SelectableList from 'SelectableList'
 
+import Item from 'Item'
 
 const {AppBar,
       AppCanvas,
       FontIcon,
       IconButton,
       EnhancedButton,
+      AutoComplete,
       NavigationClose,
       Menu,
+      MenuItem,
       Mixins,
       RaisedButton,
       FlatButton,
@@ -27,6 +28,7 @@ const {AppBar,
       Styles,
       Tab,
       Tabs,
+      TextField,
       Paper} = mui
 
 const colors = Styles.Colors
@@ -56,9 +58,41 @@ export default class EntrySelector extends React.Component {
 
     render(){
         return (
-            <div id={this.props.id} className={this.props.className}></div>
-        
-        
+            <Paper id={this.props.id} className={this.props.className} zDepth={0}>
+                <Paper zDepth={0}>
+                    <Item
+                        id="search-bar"
+                        active={false}
+                        selected={false}
+                        leftIcon={<Search color={colors.grey600}/>}
+                        rightIconButton={<IconButton tooltip="Add New Note">
+                                            <Add color={colors.grey600}/>
+                                         </IconButton>}>
+                        <TextField
+                            hintText="Filter by keyword, title or tag."
+                            onKeyDown={()=>{}}
+                            onEnterKeyDown={()=>{}}
+                        />
+                    </Item>
+                </Paper>
+                <SelectableList
+                    id="entry-list"
+                    ref="entryList"
+                    selectedItemStyle={{backgroundColor: colors.grey300}}>
+                    <ListItem
+                        leftAvatar={<Description color={colors.grey700}/>}
+                        primaryText="Today's Notes"
+                        secondaryText={
+                            <p>
+                              <span style={{color: colors.darkBlack}}>I did things</span> --
+                              I did so many things today, it's not even funny. You think it's funny?
+                              Well it's not!
+                            </p>
+                          }
+                          secondaryTextLines={2}
+                        />
+                </SelectableList>
+            </Paper>
         )
     }
 }