Renamed /src to /frontend

frontend/scenes/Search/components/SearchField/SearchField.js

@@ -0,0 +1,32 @@
+import React, { PropTypes } from 'react';
+import { observer } from 'mobx-react';
+
+import Flex from 'components/Flex';
+
+import styles from './SearchField.scss';
+
+@observer
+class SearchField extends React.Component {
+  static propTypes = {
+    onChange: PropTypes.func,
+  }
+
+  onChange = (event) => {
+    this.props.onChange(event.currentTarget.value);
+  }
+
+  render() {
+    return (
+      <div className={ styles.container }>
+        <input
+          onChange={ this.onChange }
+          className={ styles.field }
+          placeholder="Search"
+          autoFocus
+        />
+      </div>
+    );
+  }
+}
+
+export default SearchField;

frontend/scenes/Search/components/SearchField/SearchField.scss

@@ -0,0 +1,31 @@
+.container {
+  padding: 40px 0;
+}
+
+.field {
+  width: 100%;
+  padding: 10px;
+  font-size: 48px;
+  font-weight: 400;
+  outline: none;
+  border: 0;
+  // border-bottom: 1px solid #ccc;
+}
+
+:global {
+  ::-webkit-input-placeholder {
+     color: #ccc;
+  }
+
+  :-moz-placeholder {
+     color: #ccc;
+  }
+
+  ::-moz-placeholder {
+     color: #ccc;
+  }
+
+  :-ms-input-placeholder {
+     color: #ccc;
+  }
+}

frontend/scenes/Search/components/SearchField/index.js

@@ -0,0 +1,2 @@
+import SearchField from './SearchField';
+export default SearchField;