Merge pull request #22 from hanbyul-here/hanb/arrange

update/refactor components

.eslintignore

@@ -0,0 +1,3 @@
+app/libs/*
+app/scss/*
+app/Components/TileExporter/MapSpells.js

.eslintrc.js

@@ -0,0 +1,18 @@
+module.exports = {
+    "env": {
+        "browser": true,
+        "es6": true
+    },
+    "plugins": ["react", "import"],
+    "extends": ["airbnb", "plugin:import/errors", "plugin:import/warnings"],
+    "parserOptions": {
+        "ecmaFeatures": {
+            "jsx": true
+        },
+        "sourceType": "module"
+    },
+    "rules": {
+        "comma-dangle": ["error", "never"],
+        "no-underscore-dangle": 0
+    }
+};

app/App.jsx

@@ -0,0 +1,31 @@
+import React from 'react';
+import { render } from 'react-dom';
+
+import Keys from './Keys';
+import SearchBox from './Components/Search/SearchBox';
+
+import TileExporter from './Components/TileExporter/Exporter';
+
+require('./scss/main.scss');
+
+// Tile Exporter is not written as React Component
+const exporter = new TileExporter();
+exporter.attachEvents();
+
+const searchConfig = {
+  placeholder: 'Search address or or place',
+  childClass: 'searchBox',
+  key: Keys.search
+};
+
+function SearchBoxWrapper() {
+  return (
+    <div className="row">
+      <div className="col-md-12">
+        <SearchBox config={searchConfig} />
+      </div>
+    </div>
+  );
+}
+
+render(<SearchBoxWrapper />, document.getElementById('search-bar'));