Add SOCKET_SEARCH action constant

client/src/css/style.css

@@ -350,12 +350,24 @@ i[class^="icon-"]:before, i[class*=" icon-"]:before {
   right: 0;
 }
 
-.search-input {
+.search-input-wrap {
+  display: flex;
   width: 100%;
-  padding: 15px;
+  background: #FFF;
   border-bottom: 1px solid #DDD;
 }
 
+.search i {
+  padding: 15px;
+  color: #DDD;
+}
+
+.search-input {
+  flex: 1;
+  padding: 15px;
+  padding-left: 0;
+}
+
 .search-results {
   position: absolute;
   top: 50px;

client/src/js/actions.js

@@ -35,6 +35,7 @@ export const SOCKET_PART = 'SOCKET_PART';
 export const SOCKET_PM = 'SOCKET_PM';
 export const SOCKET_QUIT = 'SOCKET_QUIT';
 export const SOCKET_SERVERS = 'SOCKET_SERVERS';
+export const SOCKET_SEARCH = 'SOCKET_SEARCH';
 export const SOCKET_TOPIC = 'SOCKET_TOPIC';
 export const SOCKET_USERS = 'SOCKET_USERS';
 export const TAB_HISTORY_POP = 'TAB_HISTORY_POP';

client/src/js/components/Search.js

@@ -26,12 +26,15 @@ export default class Search extends Component {
 
     return (
       <div className="search" style={style}>
-        <input
-          ref="input"
-          className="search-input"
-          type="text"
-          onChange={this.handleSearch}
-        />
+        <div className="search-input-wrap">
+          <i className="icon-search" />
+          <input
+            ref="input"
+            className="search-input"
+            type="text"
+            onChange={this.handleSearch}
+          />
+        </div>
         <div className="search-results">{results}</div>
       </div>
     );