Merge pull request #18 from BinaryStudioAcademy/task/bt-1-add-mobile-…

…starter

bt-1: fix editorconfig issue

.ecrc

@@ -0,0 +1,7 @@
+{
+    "Exclude": [
+        "mobile/ios/**",
+        "mobile/android/**",
+        "mobile/Gemfile.lock"
+    ]
+}

.editorconfig

@@ -13,18 +13,3 @@ indent_size = unset
 
 [*.yml]
 indent_size = unset
-
-[/mobile/ios/**]
-indent_size = unset
-end_of_line = unset
-trim_trailing_whitespace = unset
-insert_final_newline = unset
-
-[/mobile/android/**]
-indent_size = unset
-end_of_line = unset
-trim_trailing_whitespace = unset
-insert_final_newline = unset
-
-[/mobile/Gemfile.lock]
-indent_size = unset

mobile/.env.example

@@ -1,2 +1,2 @@
 ENVIRONMENT=development
-API_URL=http://localhost:3001/api/v1
+API_URL=http://10.0.2.2:3001/api/v1

mobile/.eslintrc.yml

@@ -1,13 +1,14 @@
 parserOptions:
-  project:
-    - ./tsconfig.json
+    project:
+        - ./tsconfig.json
 
 extends:
-  - ../.eslintrc.yml
+    - ../.eslintrc.yml
+    - plugin:react-hooks/recommended
 
 settings:
-  import/ignore:
-    - "node_modules/react-native/index\\.js$"
+    import/ignore:
+        - 'react-native'
 
 rules:
-  import/extensions: off
+    import/extensions: off

mobile/android/app/build.gradle

@@ -1,5 +1,6 @@
 apply plugin: "com.android.application"
 apply plugin: "com.facebook.react"
+apply from: project(':react-native-config').projectDir.getPath() + "/dotenv.gradle"
 
 /**
  * This is the configuration block to customize your React Native Android app.

mobile/package.json

@@ -18,6 +18,7 @@
         "@react-navigation/native": "6.1.7",
         "@react-navigation/native-stack": "6.9.13",
         "@reduxjs/toolkit": "1.9.5",
+        "eslint-plugin-react-hooks": "4.6.0",
         "fast-text-encoding": "1.0.6",
         "react": "18.2.0",
         "react-hook-form": "7.45.4",

mobile/src/bundles/auth/components/sign-up-form/sign-up-form.tsx

@@ -8,7 +8,7 @@ import {
     View,
 } from '~/bundles/common/components/components';
 import { RootScreenName } from '~/bundles/common/enums/enums';
-import { useAppForm } from '~/bundles/common/hooks/hooks';
+import { useAppForm, useCallback } from '~/bundles/common/hooks/hooks';
 import {
     type UserSignUpRequestDto,
     userSignUpValidationSchema,
@@ -25,9 +25,9 @@ const SignUpForm: React.FC<Properties> = ({ onSubmit }) => {
         validationSchema: userSignUpValidationSchema,
     });
 
-    const handleFormSubmit = (): void => {
-        handleSubmit(onSubmit);
-    };
+    const handleFormSubmit = useCallback((): void => {
+        void handleSubmit(onSubmit)();
+    }, [handleSubmit, onSubmit]);
 
     return (
         <View>

mobile/src/bundles/auth/screens/auth.tsx

@@ -38,7 +38,7 @@ const Auth: React.FC = () => {
         (payload: UserSignUpRequestDto): void => {
             void dispatch(authActions.signUp(payload));
         },
-        [],
+        [dispatch],
     );
 
     const getScreen = (screen: string): React.ReactNode => {

mobile/src/bundles/common/components/input/input.tsx

@@ -29,14 +29,18 @@ const Input = <T extends FieldValues>({
 }: Properties<T>): JSX.Element => {
     const { field } = useFormController({ name, control });
 
+    const { value, onChange, onBlur } = field;
+
     const error = errors[name]?.message;
     const hasError = Boolean(error);
 
     return (
         <View>
             <Text>{label}</Text>
             <TextInput
-                {...field}
+                onChangeText={onChange}
+                value={value}
+                onBlur={onBlur}
                 placeholder={placeholder}
                 style={styles.input}
             />