Merge pull request #29765 from software-mansion-labs/ts-migration/Sig…

…nInPageForm

[TS migration] Migrate 'SignInPageForm' component to TypeScript

src/components/SignInPageForm/index.native.tsx

@@ -0,0 +1,12 @@
+import React from 'react';
+import FormElement from '../FormElement';
+import SignInPageFormProps from './types';
+
+function SignInPageForm(props: SignInPageFormProps) {
+    // eslint-disable-next-line react/jsx-props-no-spreading
+    return <FormElement {...props} />;
+}
+
+SignInPageForm.displayName = 'SignInPageForm';
+
+export default SignInPageForm;

src/components/SignInPageForm/index.js → src/components/SignInPageForm/index.tsx

@@ -1,14 +1,15 @@
 import React, {useEffect, useRef} from 'react';
 import FormElement from '../FormElement';
+import SignInPageFormProps from './types';
 
-const preventFormDefault = (event) => {
+const preventFormDefault = (event: SubmitEvent) => {
     // When enter is pressed form is submitted to action url (POST /).
     // As we are using controlled component, we need to disable it here.
     event.preventDefault();
 };
 
-function Form(props) {
-    const form = useRef(null);
+function SignInPageForm(props: SignInPageFormProps) {
+    const form = useRef<HTMLFormElement>(null);
 
     useEffect(() => {
         const formCurrent = form.current;
@@ -42,6 +43,6 @@ function Form(props) {
     );
 }
 
-Form.displayName = 'Form';
+SignInPageForm.displayName = 'SignInPageForm';
 
-export default Form;
+export default SignInPageForm;

src/components/SignInPageForm/types.ts

@@ -0,0 +1,5 @@
+import {ViewProps} from 'react-native';
+
+type SignInPageFormProps = ViewProps;
+
+export default SignInPageFormProps;