chore(infra): lint with eslint rules, fix errors

Author: mydearxym

.eslintrc.js

@@ -4,5 +4,8 @@ module.exports = {
   rules: {
     'react-native/no-color-literals': 0,
     'import/no-extraneous-dependencies': 2,
+    quotes: [2, 'single', { avoidEscape: true }],
+    // tmp, rm it when use typescript
+    'react/jsx-filename-extension': 0,
   },
 }

.prettierrc

@@ -0,0 +1,7 @@
+{
+  "bracketSpacing": true,
+  "trailingComma": "es5",
+  "singleQuote": true,
+  "tabWidth": 2,
+  "semi": false
+}

containers/CommunityBanner/index.js

@@ -1,17 +1,6 @@
 import React from 'react'
-import styled from 'styled-components/native'
+import { Text } from 'react-native'
 
-import {
-  Image,
-  Platform,
-  StyleSheet,
-  Text,
-  TouchableOpacity,
-  View,
-} from 'react-native'
-import { WebBrowser } from 'expo'
-
-import { MonoText } from '../../components/StyledText'
 import {
   Wrapper,
   StyledText2,

containers/CommunityBanner/styles/index.js renamed to containers/CommunityBanner/styles/index.ts

@@ -11,7 +11,7 @@ export const StyledText2 = styled.Text`
   font-weight: bold;
 `
 
-export const ScrollViewWrapper = styled.ScrollView`
+export const ScrollViewWrapper = styled(ScrollView)`
   flex: 1;
   background-color: #fff;
   padding-top: 30;

package.json

@@ -5,7 +5,8 @@
     "android": "expo start --android",
     "ios": "expo start --ios",
     "eject": "expo eject",
-    "test": "node ./node_modules/jest/bin/jest.js --watchAll"
+    "test": "node ./node_modules/jest/bin/jest.js --watchAll",
+    "lint": "eslint containers/*"
   },
   "jest": {
     "preset": "jest-expo"