From 6746d674cc41bc11fc53d391d5b10d9caab2fd2c Mon Sep 17 00:00:00 2001
From: Alex Junior <alexalexandrejr@gmail.com>
Date: Wed, 10 Nov 2021 11:11:05 -0300
Subject: [PATCH] Chore: Migrate InviteUsersEditView to TypeScript

* chore: migrate the view InviteUsersEditView to ts

* refactor: change some requestes after code review

* minor tweaks

Co-authored-by: Reinaldo Neto <reinaldonetof@hotmail.com>
---
 .../{index.js => index.tsx}                   | 45 +++++++++++--------
 .../{styles.js => styles.ts}                  |  0
 2 files changed, 26 insertions(+), 19 deletions(-)
 rename app/views/InviteUsersEditView/{index.js => index.tsx} (68%)
 rename app/views/InviteUsersEditView/{styles.js => styles.ts} (100%)

diff --git a/app/views/InviteUsersEditView/index.js b/app/views/InviteUsersEditView/index.tsx
similarity index 68%
rename from app/views/InviteUsersEditView/index.js
rename to app/views/InviteUsersEditView/index.tsx
index 105a8809d..62ce51212 100644
--- a/app/views/InviteUsersEditView/index.js
+++ b/app/views/InviteUsersEditView/index.tsx
@@ -1,8 +1,10 @@
 import React from 'react';
-import PropTypes from 'prop-types';
-import { View } from 'react-native';
+import { TextInputProps, View } from 'react-native';
 import { connect } from 'react-redux';
 import RNPickerSelect from 'react-native-picker-select';
+import { StackNavigationOptions, StackNavigationProp } from '@react-navigation/stack';
+import { RouteProp } from '@react-navigation/core';
+import { Dispatch } from 'redux';
 
 import {
 	inviteLinksCreate as inviteLinksCreateAction,
@@ -65,25 +67,29 @@ const OPTIONS = {
 	]
 };
 
-class InviteUsersView extends React.Component {
-	static navigationOptions = () => ({
+interface IInviteUsersEditView {
+	navigation: StackNavigationProp<any, 'InviteUsersEditView'>;
+	route: RouteProp<{ InviteUsersEditView: { rid: string } }, 'InviteUsersEditView'>;
+	theme: string;
+	createInviteLink(rid: string): void;
+	inviteLinksSetParams(params: { [key: string]: number }): void;
+	days: number;
+	maxUses: number;
+}
+
+class InviteUsersView extends React.Component<IInviteUsersEditView, any> {
+	static navigationOptions = (): StackNavigationOptions => ({
 		title: I18n.t('Invite_users')
 	});
 
-	static propTypes = {
-		navigation: PropTypes.object,
-		route: PropTypes.object,
-		theme: PropTypes.string,
-		createInviteLink: PropTypes.func,
-		inviteLinksSetParams: PropTypes.func
-	};
+	private rid: string;
 
-	constructor(props) {
+	constructor(props: IInviteUsersEditView) {
 		super(props);
 		this.rid = props.route.params?.rid;
 	}
 
-	onValueChangePicker = (key, value) => {
+	onValueChangePicker = (key: string, value: number) => {
 		logEvent(events.IU_EDIT_SET_LINK_PARAM);
 		const { inviteLinksSetParams } = this.props;
 		const params = {
@@ -99,9 +105,10 @@ class InviteUsersView extends React.Component {
 		navigation.pop();
 	};
 
-	renderPicker = (key, first) => {
+	renderPicker = (key: 'days' | 'maxUses', first: string) => {
 		const { props } = this;
 		const { theme } = props;
+		const textInputStyle: TextInputProps = { style: { ...styles.pickerText, color: themes[theme].actionTintColor } };
 		const firstEl = [
 			{
 				label: I18n.t(first),
@@ -112,7 +119,7 @@ class InviteUsersView extends React.Component {
 			<RNPickerSelect
 				style={{ viewContainer: styles.viewContainer }}
 				value={props[key]}
-				textInputProps={{ style: { ...styles.pickerText, color: themes[theme].actionTintColor } }}
+				textInputProps={textInputStyle}
 				useNativeAndroidPickerStyle={false}
 				placeholder={{}}
 				onValueChange={value => this.onValueChangePicker(key, value)}
@@ -143,14 +150,14 @@ class InviteUsersView extends React.Component {
 	}
 }
 
-const mapStateToProps = state => ({
+const mapStateToProps = (state: any) => ({
 	days: state.inviteLinks.days,
 	maxUses: state.inviteLinks.maxUses
 });
 
-const mapDispatchToProps = dispatch => ({
-	inviteLinksSetParams: params => dispatch(inviteLinksSetParamsAction(params)),
-	createInviteLink: rid => dispatch(inviteLinksCreateAction(rid))
+const mapDispatchToProps = (dispatch: Dispatch) => ({
+	inviteLinksSetParams: (params: object) => dispatch(inviteLinksSetParamsAction(params)),
+	createInviteLink: (rid: string) => dispatch(inviteLinksCreateAction(rid))
 });
 
 export default connect(mapStateToProps, mapDispatchToProps)(withTheme(InviteUsersView));
diff --git a/app/views/InviteUsersEditView/styles.js b/app/views/InviteUsersEditView/styles.ts
similarity index 100%
rename from app/views/InviteUsersEditView/styles.js
rename to app/views/InviteUsersEditView/styles.ts