Key入力追加

lib/actions.js

@@ -10,6 +10,7 @@ export const SWITCH_MODE = 'SWITCH_MODE'
 export const SWITCH_ARTICLE = 'SWITCH_ARTICLE'
 export const SET_SEARCH_FILTER = 'SET_SEARCH_FILTER'
 export const SET_TAG_FILTER = 'SET_TAG_FILTER'
+export const CLEAR_SEARCH = 'CLEAR_SEARCH'
 
 // Status - mode
 export const IDLE_MODE = 'IDLE_MODE'
@@ -18,8 +19,6 @@ export const EDIT_MODE = 'EDIT_MODE'
 
 // Article status
 export const NEW = 'NEW'
-export const SYNCING = 'SYNCING'
-export const UNSYNCED = 'UNSYNCED'
 
 // DB
 export function updateArticle (article) {
@@ -91,3 +90,9 @@ export function setTagFilter (tag) {
     data: tag
   }
 }
+
+export function clearSearch () {
+  return {
+    type: CLEAR_SEARCH
+  }
+}

lib/components/TagSelect.js

@@ -17,7 +17,12 @@ export default class TagSelect extends React.Component {
     e.preventDefault()
 
     let tags = this.props.tags.slice(0)
-    let newTag = this.state.input
+    let newTag = this.state.input.trim()
+
+    if (newTag.length === 0) {
+      this.setState({input: ''})
+      return
+    }
 
     tags.push(newTag)
     tags = _.uniq(tags)

lib/modal.js

@@ -40,3 +40,7 @@ export function closeModal () {
   if (modalBase == null) { return }
   modalBase.setState({component: null, componentProps: null, isHidden: true})
 }
+
+export function isModalOpen () {
+  return !modalBase.state.isHidden
+}

lib/reducer.js

@@ -1,6 +1,6 @@
 import { combineReducers } from 'redux'
 import _ from 'lodash'
-import { SWITCH_FOLDER, SWITCH_MODE, SWITCH_ARTICLE, SET_SEARCH_FILTER, SET_TAG_FILTER, ARTICLE_UPDATE, ARTICLE_DESTROY, FOLDER_CREATE, FOLDER_UPDATE, FOLDER_DESTROY, IDLE_MODE, CREATE_MODE } from './actions'
+import { SWITCH_FOLDER, SWITCH_MODE, SWITCH_ARTICLE, SET_SEARCH_FILTER, SET_TAG_FILTER, CLEAR_SEARCH, ARTICLE_UPDATE, ARTICLE_DESTROY, FOLDER_CREATE, FOLDER_UPDATE, FOLDER_DESTROY, IDLE_MODE, CREATE_MODE } from './actions'
 import dataStore from 'boost/dataStore'
 import keygen from 'boost/keygen'
 
@@ -134,6 +134,11 @@ function status (state = initialStatus, action) {
       state.search = `#${action.data}`
       state.mode = IDLE_MODE
 
+      return state
+    case CLEAR_SEARCH:
+      state.search = ''
+      state.mode = IDLE_MODE
+
       return state
     default:
       return state