Chore: Evaluate AddChannelTeamView - TypeScript (#4170)

This commit is contained in:
Reinaldo Neto 2022-05-17 10:39:21 -03:00 committed by GitHub
parent f5051e189d
commit 1a52c7dc57
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 15 additions and 18 deletions

View File

@ -1,7 +1,7 @@
import React, { useEffect } from 'react'; import React, { useEffect } from 'react';
import { StackNavigationOptions, StackNavigationProp } from '@react-navigation/stack'; import { StackNavigationOptions, StackNavigationProp } from '@react-navigation/stack';
import { RouteProp } from '@react-navigation/native'; import { RouteProp, useNavigation, useRoute } from '@react-navigation/native';
import { connect } from 'react-redux'; import { useSelector } from 'react-redux';
import { CompositeNavigationProp } from '@react-navigation/core'; import { CompositeNavigationProp } from '@react-navigation/core';
import * as List from '../containers/List'; import * as List from '../containers/List';
@ -10,15 +10,14 @@ import * as HeaderButton from '../containers/HeaderButton';
import SafeAreaView from '../containers/SafeAreaView'; import SafeAreaView from '../containers/SafeAreaView';
import I18n from '../i18n'; import I18n from '../i18n';
import { ChatsStackParamList, DrawerParamList, NewMessageStackParamList } from '../stacks/types'; import { ChatsStackParamList, DrawerParamList, NewMessageStackParamList } from '../stacks/types';
import { IApplicationState } from '../definitions';
interface IAddChannelTeamView { type TRoute = RouteProp<ChatsStackParamList, 'AddChannelTeamView'>;
navigation: CompositeNavigationProp<
type TNavigation = CompositeNavigationProp<
StackNavigationProp<ChatsStackParamList, 'AddChannelTeamView'>, StackNavigationProp<ChatsStackParamList, 'AddChannelTeamView'>,
CompositeNavigationProp<StackNavigationProp<NewMessageStackParamList>, StackNavigationProp<DrawerParamList>> CompositeNavigationProp<StackNavigationProp<NewMessageStackParamList>, StackNavigationProp<DrawerParamList>>
>; >;
route: RouteProp<ChatsStackParamList, 'AddChannelTeamView'>;
isMasterDetail: boolean;
}
const setHeader = ({ const setHeader = ({
navigation, navigation,
@ -38,12 +37,14 @@ const setHeader = ({
navigation.setOptions(options); navigation.setOptions(options);
}; };
const AddChannelTeamView = ({ navigation, route, isMasterDetail }: IAddChannelTeamView) => { const AddChannelTeamView = () => {
const { teamId, teamChannels } = route.params; const navigation = useNavigation<TNavigation>();
const isMasterDetail = useSelector((state: IApplicationState) => state.app.isMasterDetail);
const { teamChannels, teamId } = useRoute<TRoute>().params;
useEffect(() => { useEffect(() => {
setHeader({ navigation, isMasterDetail }); setHeader({ navigation, isMasterDetail });
}, []); }, [isMasterDetail, navigation]);
return ( return (
<SafeAreaView testID='add-channel-team-view'> <SafeAreaView testID='add-channel-team-view'>
@ -80,8 +81,4 @@ const AddChannelTeamView = ({ navigation, route, isMasterDetail }: IAddChannelTe
); );
}; };
const mapStateToProps = (state: any) => ({ export default AddChannelTeamView;
isMasterDetail: state.app.isMasterDetail
});
export default connect(mapStateToProps)(AddChannelTeamView);