list tags

browser/components/TagListItem.js

@@ -0,0 +1,21 @@
+/**
+* @fileoverview Micro component for showing TagList.
+*/
+import React, { PropTypes } from 'react'
+import styles from './TagListItem.styl'
+import CSSModules from 'browser/lib/CSSModules'
+
+/**
+* @param {string} name
+*/
+
+const TagListItem = (({name}) => {
+  return (
+    <button>
+      {name}
+    </button>
+  )
+})
+
+export default CSSModules(TagListItem, styles)
+

browser/main/NoteList/index.js

@@ -454,6 +454,7 @@ class NoteList extends React.Component {
   }
 
   render () {
+    console.log(this.props)
     let { location, notes, config, dispatch } = this.props
     let sortFunc = config.sortBy === 'CREATED_AT'
       ? sortByCreatedAt

browser/main/SideNav/index.js

@@ -5,6 +5,7 @@ import { openModal } from 'browser/main/lib/modal'
 import PreferencesModal from '../modals/PreferencesModal'
 import ConfigManager from 'browser/main/lib/ConfigManager'
 import StorageItem from './StorageItem'
+import TagListItem from 'browser/components/TagListItem'
 import SideNavFilter from 'browser/components/SideNavFilter'
 
 class SideNav extends React.Component {
@@ -83,8 +84,15 @@ class SideNav extends React.Component {
         </div>
       )
     } else {
+      let tagList = data.tagNoteMap.map((tag, key) => {
+        return `# ${key}`
+      })
       component = (
-        <h1>TAG_AREA</h1>
+        tagList.map(tag => {
+          return (
+            <TagListItem name={tag} />
+          )
+        })
       )
     }