styles(prettier): formatting code with prettier

Author: William Porto

template/src/components/KeyboardAwareScrollView/KeyboardAwareScrollView.tsx

@@ -1,26 +1,27 @@
-import React, { FC, ReactNode } from "react";
+import React, { FC, ReactNode } from 'react';
 import {
   KeyboardAwareScrollView,
-  KeyboardAwareScrollViewProps,
-} from "react-native-keyboard-aware-scroll-view";
+  KeyboardAwareScrollViewProps
+} from 'react-native-keyboard-aware-scroll-view';
 
-interface KeyboardAwareScrollViewComponentProps
-  extends KeyboardAwareScrollViewProps {
+interface KeyboardAwareScrollViewComponentProps extends KeyboardAwareScrollViewProps {
   children: ReactNode;
 }
 
 /**
  * @deprecated https://github.com/APSL/react-native-keyboard-aware-scroll-view/issues/494#issuecomment-900089166
  */
-const KeyboardAwareScrollViewComponent: FC<KeyboardAwareScrollViewComponentProps> =
-  ({ children, ...rest }) => (
-    <KeyboardAwareScrollView
-      showsVerticalScrollIndicator={false}
-      showsHorizontalScrollIndicator={false}
-      {...rest}
-    >
-      {children}
-    </KeyboardAwareScrollView>
-  );
+const KeyboardAwareScrollViewComponent: FC<KeyboardAwareScrollViewComponentProps> = ({
+  children,
+  ...rest
+}) => (
+  <KeyboardAwareScrollView
+    showsVerticalScrollIndicator={false}
+    showsHorizontalScrollIndicator={false}
+    {...rest}
+  >
+    {children}
+  </KeyboardAwareScrollView>
+);
 
 export default KeyboardAwareScrollViewComponent;

template/src/screens/Form/Form.tsx

@@ -1,11 +1,11 @@
-import React, { FC, useRef, MutableRefObject, useState } from "react";
-import { ScrollView } from "react-native";
-import { useForm, Controller } from "react-hook-form";
-import { yupResolver } from "@hookform/resolvers/yup";
+import React, { FC, useRef, MutableRefObject, useState } from 'react';
+import { ScrollView } from 'react-native';
+import { useForm, Controller } from 'react-hook-form';
+import { yupResolver } from '@hookform/resolvers/yup';
 
-import { Column, Input, InputRef, Button } from "src/components";
+import { Column, Input, InputRef, Button } from 'src/components';
 
-import { FormExampleSchema } from "src/utils";
+import { FormExampleSchema } from 'src/utils';
 
 interface FormExampleData {
   email: string;
@@ -17,14 +17,14 @@ const Form: FC = () => {
     control,
     handleSubmit,
     reset,
-    formState: { errors },
+    formState: { errors }
   } = useForm<FormExampleData>({
-    reValidateMode: "onSubmit",
+    reValidateMode: 'onSubmit',
     resolver: yupResolver(FormExampleSchema),
     defaultValues: {
-      email: "",
-      password: "",
-    },
+      email: '',
+      password: ''
+    }
   });
   const passwordInputRef = useRef() as MutableRefObject<InputRef>;
 
@@ -44,19 +44,19 @@ const Form: FC = () => {
       <ScrollView
         contentContainerStyle={{
           flex: 1,
-          justifyContent: "center",
-          padding: 16,
+          justifyContent: 'center',
+          padding: 16
         }}
       >
         <Controller
-          name="email"
+          name='email'
           control={control}
           render={({ field: { onChange, value } }): JSX.Element => (
             <Input
-              label="E-mail"
-              placeholder="[email protected]"
-              keyboardType="email-address"
-              returnKeyType="next"
+              label='E-mail'
+              placeholder='[email protected]'
+              keyboardType='email-address'
+              returnKeyType='next'
               value={value}
               error={errors.email?.message}
               onSubmitEditing={() => handleFocus(passwordInputRef)}
@@ -66,15 +66,15 @@ const Form: FC = () => {
         />
 
         <Controller
-          name="password"
+          name='password'
           control={control}
           render={({ field: { onChange, value } }): JSX.Element => (
             <Input
               ref={passwordInputRef}
               secureTextEntry={isPasswordInput}
-              label="Password"
-              placeholder="password"
-              returnKeyType="done"
+              label='Password'
+              placeholder='password'
+              returnKeyType='done'
               value={value}
               error={errors.password?.message}
               onChangeText={onChange}
@@ -84,9 +84,9 @@ const Form: FC = () => {
           )}
         />
 
-        <Button text="Submit form" onPress={handleSubmit(onSubmit)} mt={20} />
+        <Button text='Submit form' onPress={handleSubmit(onSubmit)} mt={20} />
 
-        <Button variant="secondary" text="Reset form" onPress={() => reset()} />
+        <Button variant='secondary' text='Reset form' onPress={() => reset()} />
       </ScrollView>
     </Column>
   );

template/storybook/stories/Button/index.js

@@ -8,10 +8,10 @@ export default function Button({ onPress, children }) {
 
 Button.defaultProps = {
   children: null,
-  onPress: () => {},
+  onPress: () => {}
 };
 
 Button.propTypes = {
   children: PropTypes.node,
-  onPress: PropTypes.func,
+  onPress: PropTypes.func
 };

template/storybook/stories/CenterView/index.js

@@ -8,9 +8,9 @@ export default function CenterView({ children }) {
 }
 
 CenterView.defaultProps = {
-  children: null,
+  children: null
 };
 
 CenterView.propTypes = {
-  children: PropTypes.node,
+  children: PropTypes.node
 };

template/storybook/stories/CenterView/style.js

@@ -3,6 +3,6 @@ export default {
     flex: 1,
     justifyContent: 'center',
     alignItems: 'center',
-    backgroundColor: '#F5FCFF',
-  },
+    backgroundColor: '#F5FCFF'
+  }
 };

template/storybook/stories/Welcome/index.js

@@ -7,20 +7,20 @@ export default class Welcome extends React.Component {
     wrapper: {
       flex: 1,
       padding: 24,
-      justifyContent: 'center',
+      justifyContent: 'center'
     },
     header: {
       fontSize: 18,
-      marginBottom: 18,
+      marginBottom: 18
     },
     content: {
       fontSize: 12,
       marginBottom: 10,
-      lineHeight: 18,
-    },
+      lineHeight: 18
+    }
   };
 
-  showApp = (event) => {
+  showApp = event => {
     const { showApp } = this.props;
     event.preventDefault();
 
@@ -49,9 +49,9 @@ export default class Welcome extends React.Component {
 }
 
 Welcome.defaultProps = {
-  showApp: null,
+  showApp: null
 };
 
 Welcome.propTypes = {
-  showApp: PropTypes.func,
+  showApp: PropTypes.func
 };