verdnatura-mirror/Rocket.Chat.ReactNative
verdnatura-mirror
/
Rocket.Chat.ReactNative
mirror of https://github.com/RocketChat/Rocket.Chat.ReactNative
2
0
Fork 1
Code Issues Packages Projects Releases Wiki Activity

Chore: Evaluate SelectServerView - TypeScript (#4118)

This commit is contained in:
Reinaldo Neto 2022-05-02 22:13:03 -03:00 committed by GitHub
parent 10c4fddd61
commit 21a6fcee87
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 9 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

23
app/views/SelectServerView.tsx
View File

@ -2,7 +2,7 @@ import React from 'react';
import { FlatList } from 'react-native'; import { FlatList } from 'react-native';
import { StackNavigationOptions, StackNavigationProp } from '@react-navigation/stack'; import { StackNavigationOptions, StackNavigationProp } from '@react-navigation/stack';
import { connect } from 'react-redux'; import { connect } from 'react-redux';
import { Q, Model } from '@nozbe/watermelondb'; import { Q } from '@nozbe/watermelondb';
import I18n from '../i18n'; import I18n from '../i18n';
import StatusBar from '../containers/StatusBar'; import StatusBar from '../containers/StatusBar';
@ -12,23 +12,18 @@ import database from '../lib/database';
import SafeAreaView from '../containers/SafeAreaView'; import SafeAreaView from '../containers/SafeAreaView';
import * as List from '../containers/List'; import * as List from '../containers/List';
import { ShareInsideStackParamList } from '../definitions/navigationTypes'; import { ShareInsideStackParamList } from '../definitions/navigationTypes';
import { IApplicationState, TServerModel } from '../definitions';
const getItemLayout = (data: any, index: number) => ({ length: ROW_HEIGHT, offset: ROW_HEIGHT * index, index }); const getItemLayout = (data: any, index: number) => ({ length: ROW_HEIGHT, offset: ROW_HEIGHT * index, index });
const keyExtractor = (item: IServer) => item.id; const keyExtractor = (item: TServerModel) => item.id;
interface IServer extends Model {
id: string;
iconURL: string;
name: string;
}
interface ISelectServerViewState { interface ISelectServerViewState {
servers: IServer[]; servers: TServerModel[];
} }
interface ISelectServerViewProps { interface ISelectServerViewProps {
navigation: StackNavigationProp<ShareInsideStackParamList, 'SelectServerView'>; navigation: StackNavigationProp<ShareInsideStackParamList, 'SelectServerView'>;
server: string; server?: string;
} }
class SelectServerView extends React.Component<ISelectServerViewProps, ISelectServerViewState> { class SelectServerView extends React.Component<ISelectServerViewProps, ISelectServerViewState> {
@ -36,12 +31,12 @@ class SelectServerView extends React.Component<ISelectServerViewProps, ISelectSe
title: I18n.t('Select_Server') title: I18n.t('Select_Server')
}); });
state = { servers: [] as IServer[] }; state = { servers: [] };
async componentDidMount() { async componentDidMount() {
const serversDB = database.servers; const serversDB = database.servers;
const serversCollection = serversDB.get('servers'); const serversCollection = serversDB.get('servers');
const servers = (await serversCollection.query(Q.where('rooms_updated_at', Q.notEq(null))).fetch()) as IServer[]; const servers = await serversCollection.query(Q.where('rooms_updated_at', Q.notEq(null))).fetch();
this.setState({ servers }); this.setState({ servers });
} }
@ -54,7 +49,7 @@ class SelectServerView extends React.Component<ISelectServerViewProps, ISelectSe
} }
}; };
renderItem = ({ item }: { item: IServer }) => { renderItem = ({ item }: { item: TServerModel }) => {
const { server } = this.props; const { server } = this.props;
return <ServerItem onPress={() => this.select(item.id)} item={item} hasCheck={item.id === server} />; return <ServerItem onPress={() => this.select(item.id)} item={item} hasCheck={item.id === server} />;
}; };
@ -81,7 +76,7 @@ class SelectServerView extends React.Component<ISelectServerViewProps, ISelectSe
} }
} }
const mapStateToProps = ({ share }: any) => ({ const mapStateToProps = ({ share }: IApplicationState) => ({
server: share.server.server server: share.server.server
}); });