linter in components

Author: uddish

example/src/components/Button.tsx

@@ -3,45 +3,49 @@ import {
   TouchableOpacity as RNTouchableOpacity,
   StyleSheet,
   Text as RNText,
-} from 'react-native'
+} from 'react-native';
 
 // @ts-ignore
-function Button(props)  {
-    const { intercom_title, intercom_disabled, intercom_onPress, intercom_accesibilityLabel } = props;
-    const onPress = useCallback(() => {
-        intercom_onPress();
-    }, [intercom_onPress]);
+function Button(props) {
+  const {
+    intercom_title,
+    intercom_disabled,
+    intercom_onPress,
+    intercom_accesibilityLabel,
+  } = props;
+  const onPress = useCallback(() => {
+    intercom_onPress();
+  }, [intercom_onPress]);
 
-    return (
-      <RNTouchableOpacity
-        style={buttonStyles(props).touchableOpacity}
-        onPress={onPress}
-        disabled={intercom_disabled}
-        accessibilityLabel={intercom_accesibilityLabel}
-      >
-        <RNText
-          style={buttonStyles(props).text}
-          allowFontScaling={false}>
-          {intercom_title}
-        </RNText>
-      </RNTouchableOpacity>
-    )
+  return (
+    <RNTouchableOpacity
+      style={buttonStyles(props).touchableOpacity}
+      onPress={onPress}
+      disabled={intercom_disabled}
+      accessibilityLabel={intercom_accesibilityLabel}
+    >
+      <RNText style={buttonStyles(props).text} allowFontScaling={false}>
+        {intercom_title}
+      </RNText>
+    </RNTouchableOpacity>
+  );
 }
 
 // @ts-ignore
-export const buttonStyles = (props) =>  StyleSheet.create({
-  touchableOpacity: { 
-    backgroundColor: props.intercom_disabled? '#f4f4f4' : '#0096FF',
-    borderRadius: 5,
-    padding: 8,
-    justifyContent: 'center',
-    alignItems: 'center',
-    marginTop: 3,
-    marginBottom: 3
-   }, 
-   text: {
-    color: props.intercom_disabled ? '#808080' : 'white'
-   },
-});
+export const buttonStyles = (props) =>
+  StyleSheet.create({
+    touchableOpacity: {
+      backgroundColor: props.intercom_disabled ? '#f4f4f4' : '#0096FF',
+      borderRadius: 5,
+      padding: 8,
+      justifyContent: 'center',
+      alignItems: 'center',
+      marginTop: 3,
+      marginBottom: 3,
+    },
+    text: {
+      color: props.intercom_disabled ? '#808080' : 'white',
+    },
+  });
 
-export default memo(Button);
+export default memo(Button);

example/src/components/Input.tsx

@@ -17,7 +17,7 @@ const Input = ({
 
 const styles = StyleSheet.create({
   container: { marginVertical: 8 },
-  title: { 
+  title: {
     marginBottom: 3,
   },
   input: {
@@ -27,7 +27,7 @@ const styles = StyleSheet.create({
     paddingVertical: 4,
     borderRadius: 4,
     backgroundColor: 'white',
-    color: '#808080'
+    color: '#808080',
   },
 });
 

example/src/constants.tsx

@@ -11,4 +11,4 @@ export const SEARCH_TERM = Config.SEARCH_TERM;
 export const TOKEN = Platform.select({
   ios: 'RN-IOS-TOKEN',
   default: 'RN-ANDROID-TOKEN',
-});
+});