Add linter

Author: Minishlink

.eslintrc.js

@@ -0,0 +1,7 @@
+module.exports = {
+  extends: 'bambi/web',
+  rules: {
+    'prettier/prettier': 'error',
+    'no-unused-vars': 'error',
+  },
+};

docs/stories/index.js

@@ -1,5 +1,5 @@
 import React from 'react';
-import { Text, View } from 'react-native';
+import { View } from 'react-native';
 import MapView from 'react-native-maps';
 
 import { storiesOf } from '@storybook/react';

package.json

@@ -22,7 +22,8 @@
   "scripts": {
     "prepublish": "yarn build",
     "build": "mkdir -p dist && babel src --out-dir dist",
-    "test": "echo \"Error: no test specified\" && exit 1"
+    "test:lint": "yarn eslint . --quiet",
+    "test": "yarn test:lint"
   },
   "babel": {
     "presets": [
@@ -39,7 +40,9 @@
     "babel-core": "^6.26.0",
     "babel-loader": "^7.1.2",
     "babel-preset-react-native": "^4.0.0",
-    "prettier": "^1.7.3",
+    "eslint": "^5.15.3",
+    "eslint-config-bambi": "^1.4.0",
+    "prettier": "^1.16.4",
     "react": "^16.0.0",
     "react-dom": "^16.0.0",
     "react-native-web": "^0.1.1",

src/index.js

@@ -3,7 +3,9 @@ import { View, ActivityIndicator, StyleSheet } from 'react-native';
 import { withGoogleMap, GoogleMap } from 'react-google-maps';
 import Marker from './Marker';
 
-const GoogleMapContainer = withGoogleMap(props => <GoogleMap {...props} ref={props.handleMapMounted} />);
+const GoogleMapContainer = withGoogleMap(props => (
+  <GoogleMap {...props} ref={props.handleMapMounted} />
+));
 
 class MapView extends Component {
   constructor(props) {
@@ -36,8 +38,7 @@ class MapView extends Component {
           onDragStart={!!this.props.onRegionChange && this.props.onRegionChange}
           onDragEnd={this.onDragEnd}
           defaultZoom={15}
-          onClick={this.props.onPress}
-        >
+          onClick={this.props.onPress}>
           {this.props.children}
         </GoogleMapContainer>
       </View>