handling tagButton click

browser/components/TagListItem.js

@@ -7,11 +7,12 @@ import CSSModules from 'browser/lib/CSSModules'
 
 /**
 * @param {string} name
+* @param (Function) handleClickTagButton
 */
 
-const TagListItem = (({name}) => {
+const TagListItem = (({name, handleClickTagButton}) => {
   return (
-    <button>
+    <button onClick={handleClickTagButton}>
       {name}
     </button>
   )

browser/main/SideNav/index.js

@@ -90,7 +90,7 @@ class SideNav extends React.Component {
       component = (
         tagList.map(tag => {
           return (
-            <TagListItem name={tag} />
+            <TagListItem name={tag} handleClickTagButton={(e) => this.handleClickTagButton(e)} />
           )
         })
       )
@@ -99,6 +99,10 @@ class SideNav extends React.Component {
     return component
   }
 
+  handleClickTagButton (e) {
+    console.log('TAGBUTTON!!!')
+  }
+
   render () {
     let { data, location, config, dispatch } = this.props