aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorNoah Loomans <noahloomans@gmail.com>2017-12-10 11:13:08 +0100
committerNoah Loomans <noahloomans@gmail.com>2017-12-10 11:13:08 +0100
commit1286c6556115f80218a4828d29b288f56b3d795f (patch)
treeabd0a69172869c3dfbd8db945affc55503af4bf5
parent7bd3b6766536e33146bb55506c79619a1ab7d3b3 (diff)
Rename onType to onInputChange
-rw-r--r--src/client/react/actions/search.js4
-rw-r--r--src/client/react/components/container/Search.js6
-rw-r--r--src/client/react/components/presentational/Search.jsx6
-rw-r--r--src/client/react/reducers/search.js2
4 files changed, 9 insertions, 9 deletions
diff --git a/src/client/react/actions/search.js b/src/client/react/actions/search.js
index 82db383..e50d851 100644
--- a/src/client/react/actions/search.js
+++ b/src/client/react/actions/search.js
@@ -1,5 +1,5 @@
// eslint-disable-next-line import/prefer-default-export
-export const type = typedValue => ({
- type: 'SEARCH/TYPE',
+export const inputChange = typedValue => ({
+ type: 'SEARCH/INPUT_CHANGE',
typedValue,
});
diff --git a/src/client/react/components/container/Search.js b/src/client/react/components/container/Search.js
index ddfb0a6..2489084 100644
--- a/src/client/react/components/container/Search.js
+++ b/src/client/react/components/container/Search.js
@@ -1,5 +1,5 @@
import { connect } from 'react-redux';
-import { type } from '../../actions/search';
+import { inputChange } from '../../actions/search';
import PresentationalSearch from '../presentational/Search';
const mapStateToProps = state => ({
@@ -8,8 +8,8 @@ const mapStateToProps = state => ({
});
const mapDispatchToProps = dispatch => ({
- onType: (event) => {
- dispatch(type(event.target.value));
+ onInputChange: (event) => {
+ dispatch(inputChange(event.target.value));
},
});
diff --git a/src/client/react/components/presentational/Search.jsx b/src/client/react/components/presentational/Search.jsx
index 1e00192..a713db4 100644
--- a/src/client/react/components/presentational/Search.jsx
+++ b/src/client/react/components/presentational/Search.jsx
@@ -1,10 +1,10 @@
import React from 'react';
import PropTypes from 'prop-types';
-const Search = ({ onType, value, results }) => (
+const Search = ({ onInputChange, value, results }) => (
<div>
<input
- onChange={onType}
+ onChange={onInputChange}
value={value}
placeholder="Zoeken"
/>
@@ -15,7 +15,7 @@ const Search = ({ onType, value, results }) => (
);
Search.propTypes = {
- onType: PropTypes.func.isRequired,
+ onInputChange: PropTypes.func.isRequired,
value: PropTypes.string.isRequired,
results: PropTypes.arrayOf(PropTypes.shape({
name: PropTypes.string.require,
diff --git a/src/client/react/reducers/search.js b/src/client/react/reducers/search.js
index 05926c9..08be519 100644
--- a/src/client/react/reducers/search.js
+++ b/src/client/react/reducers/search.js
@@ -5,7 +5,7 @@ const DEFAULT_STATE = {
const search = (state = DEFAULT_STATE, action) => {
switch (action.type) {
- case 'SEARCH/TYPE':
+ case 'SEARCH/INPUT_CHANGE':
return {
...state,
searchInput: action.typedValue,