From 9f6a36d1f1a16c1a777a23fcc8c986c45ee0a116 Mon Sep 17 00:00:00 2001
From: Noah Loomans <noahloomans@gmail.com>
Date: Sun, 10 Dec 2017 13:25:46 +0100
Subject: Add some basic styling

---
 src/client/react/components/container/Search.js | 9 ++++++++-
 1 file changed, 8 insertions(+), 1 deletion(-)

(limited to 'src/client/react/components/container')

diff --git a/src/client/react/components/container/Search.js b/src/client/react/components/container/Search.js
index 2489084..206a6a1 100644
--- a/src/client/react/components/container/Search.js
+++ b/src/client/react/components/container/Search.js
@@ -1,16 +1,23 @@
 import { connect } from 'react-redux';
-import { inputChange } from '../../actions/search';
+import { inputChange, focusChange } from '../../actions/search';
 import PresentationalSearch from '../presentational/Search';
 
 const mapStateToProps = state => ({
   results: state.search.searchResults,
   value: state.search.searchInput,
+  hasFocus: state.search.hasFocus,
 });
 
 const mapDispatchToProps = dispatch => ({
   onInputChange: (event) => {
     dispatch(inputChange(event.target.value));
   },
+  onFocus: () => {
+    dispatch(focusChange(true));
+  },
+  onBlur: () => {
+    dispatch(focusChange(false));
+  },
 });
 
 const Search = connect(
-- 
cgit v1.1