Convert LoginScreen component tree to typescript (#721)

2 files changed, 21 insertions, 0 deletions

diff --git a/src/@types/mobx-form.types.ts b/src/@types/mobx-form.types.ts
index 6bc20f5e1..7caddc9e4 100644
--- a/src/@types/mobx-form.types.ts
+++ b/src/@types/mobx-form.types.ts
@@ -1,3 +1,6 @@
+import { ChangeEventHandler, FocusEventHandler } from 'react';
+import { GlobalError } from './ferdium-components.types';
+
 export interface FormFieldOptions {
   value?: string;
   label?: string;
@@ -18,3 +21,20 @@ export interface FormFields {
     };
   };
 }
+
+export interface Field extends Partial<Listeners> {
+  id?: string;
+  type?: string;
+  name?: string;
+  value: string;
+  label?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  error?: GlobalError | string;
+}
+
+export interface Listeners {
+  onChange?: ChangeEventHandler<HTMLInputElement>;
+  onBlur?: FocusEventHandler<HTMLElement>;
+  onFocus?: FocusEventHandler<HTMLElement>;
+}
diff --git a/src/@types/mobx-react-form.d.ts b/src/@types/mobx-react-form.d.ts
new file mode 100644
index 000000000..4e19dc1c2
--- /dev/null
+++ b/src/@types/mobx-react-form.d.ts
@@ -0,0 +1 @@
+declare module 'mobx-react-form';