From ad0ac19d3d75dbf045564b0dfa0b1023605bff2e Mon Sep 17 00:00:00 2001
From: Sosuke Suzuki <aosukeke@gmail.com>
Date: Sat, 30 Sep 2017 16:26:09 +0900
Subject: [PATCH] handling tagButton click

---
 browser/components/TagListItem.js | 5 +++--
 browser/main/SideNav/index.js     | 6 +++++-
 2 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/browser/components/TagListItem.js b/browser/components/TagListItem.js
index 79af1808..bd7a0f07 100644
--- a/browser/components/TagListItem.js
+++ b/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>
   )
diff --git a/browser/main/SideNav/index.js b/browser/main/SideNav/index.js
index 3831086d..10231aa0 100644
--- a/browser/main/SideNav/index.js
+++ b/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