Lint rule react prop types addition

2020-03-11 20:19:45 +00:00
parent 8444d466db
commit 47379d7a1e
26 changed files with 292 additions and 184 deletions
@@ -1,47 +1,50 @@
-import React, { Component } from 'react'
-import {
-  View,
-  TouchableOpacity,
-} from 'react-native'
-import styles from '../../styles'
+import React from 'react'
+import PropTypes from 'prop-types'
+import { View, TouchableOpacity } from 'react-native'
+
 import AppText from '../app-text'

-export default class SelectTabGroup extends Component {
-  render() {
-    const { buttons, onSelect } = this.props
-    return (
-      <View style={styles.selectTabGroup}>
-        {
-          buttons.map(({ label, value }, i) => {
-            let firstOrLastStyle
-            if (i === buttons.length - 1) {
-              firstOrLastStyle = styles.selectTabLast
-            } else if (i === 0) {
-              firstOrLastStyle = styles.selectTabFirst
-            }
-            let activeStyle
-            const isActive = value === this.props.active
-            if (isActive) activeStyle = styles.selectTabActive
-            return (
-              <TouchableOpacity
-                onPress={() => onSelect(isActive ? null : value)}
-                key={i}
-                activeOpacity={1}
-              >
-                <View>
-                  <View style={[
-                    styles.selectTab,
-                    firstOrLastStyle,
-                    activeStyle
-                  ]}>
-                    <AppText style={activeStyle}>{label}</AppText>
-                  </View>
+import styles from '../../styles'
+
+export default function SelectTabGroup({ active, buttons, onSelect }) {
+  return (
+    <View style={styles.selectTabGroup}>
+      {
+        buttons.map(({ label, value }, i) => {
+          let firstOrLastStyle
+          if (i === buttons.length - 1) {
+            firstOrLastStyle = styles.selectTabLast
+          } else if (i === 0) {
+            firstOrLastStyle = styles.selectTabFirst
+          }
+          let activeStyle
+          const isActive = value === active
+          if (isActive) activeStyle = styles.selectTabActive
+          return (
+            <TouchableOpacity
+              onPress={() => onSelect(isActive ? null : value)}
+              key={i}
+              activeOpacity={1}
+            >
+              <View>
+                <View style={[
+                  styles.selectTab,
+                  firstOrLastStyle,
+                  activeStyle
+                ]}>
+                  <AppText style={activeStyle}>{label}</AppText>
                </View>
-              </TouchableOpacity>
-            )
-          })
-        }
-      </View>
-    )
-  }
+              </View>
+            </TouchableOpacity>
+          )
+        })
+      }
+    </View>
+  )
+}
+
+SelectTabGroup.propTypes = {
+  active: PropTypes.number,
+  buttons: PropTypes.array.isRequired,
+  onSelect: PropTypes.func.isRequired
 }