Kick/Kick.js at master · MCD-50/Kick · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
//import from system.
import React, { Component } from 'react';
import { Navigator } from 'react-native';
import Fluxify from 'fluxify';
const UIManager = require('UIManager');

//import from app
import { ThemeProvider } from 'react-native-material-component';
import { Page } from './src/enums/Page.js';
import { uiTheme } from './src/constants/AppStyle.js';
import StateHelper from './src/helpers/StateHelper.js';


//pages
import SplashPage from './src/ui/views/SplashPage.js';
import LoginPage from './src/ui/views/LoginPage.js';
import ChatListPage from './src/ui/views/ChatListPage.js';
import ContactListPage from './src/ui/views/ContactListPage.js';
import ChatPage from './src/ui/views/ChatPage.js';
import SettingsPage from './src/ui/views/SettingsPage.js';
import ContactInfoPage from './src/ui/views/ContactInfoPage.js';
import GroupInfoPage from './src/ui/views/GroupInfoPage.js';
import NewGroupPage from './src/ui/views/NewGroupPage.js';
import ProfilePage from './src/ui/views/ProfilePage.js';


class Kick extends Component {
	constructor(params) {
		super(params);
		this.state = {
			chatList: [],
			chatItemList: [],
			currentChat: null
		}

		this.onChatListChanged = this.onChatListChanged.bind(this);
		this.onChatItemListChanged = this.onChatItemListChanged.bind(this);
		this.onCurrentChatChanged = this.onCurrentChatChanged.bind(this);
	}

	componentDidMount() {
		if (UIManager.setLayoutAnimationEnabledExperimental) {
			UIManager.setLayoutAnimationEnabledExperimental(true);
		}

		StateHelper.setOnChatListChanged(this.onChatListChanged)
		StateHelper.setOnChatItemListChanged(this.onChatItemListChanged);
		StateHelper.setOnCurrentChatChanged(this.onCurrentChatChanged);
	}

	onChatListChanged(list) {
		this.setState({ chatList: list });
	}

	onChatItemListChanged(list) {
		this.setState({ chatItemList: list });
	}

	onCurrentChatChanged(chat) {
		this.setState({ currentChat: chat });
	}

	renderNavigation(route, navigator) {
		const id = route.id;
		Fluxify.doAction('updateCurrentPageId', id);
		if (id == 1)
			return <SplashPage navigator={navigator} route={route} chats={this.state.chatList} messages={this.state.chatItemList} chat={this.state.currentChat} />
		else if (id == 2)
			return <LoginPage navigator={navigator} route={route} chats={this.state.chatList} messages={this.state.chatItemList} chat={this.state.currentChat} />
		else if (id == 3)
			return <ChatListPage navigator={navigator} route={route} chats={this.state.chatList} messages={this.state.chatItemList} chat={this.state.currentChat} />
		else if (id == 4)
			return <ContactListPage navigator={navigator} route={route} chats={this.state.chatList} messages={this.state.chatItemList} chat={this.state.currentChat} />
		else if (id == 5)
			return <ChatPage navigator={navigator} route={route} chats={this.state.chatList} messages={this.state.chatItemList} chat={this.state.currentChat} />
		else if (id == 6)
			return <SettingsPage navigator={navigator} route={route} chats={this.state.chatList} messages={this.state.chatItemList} chat={this.state.currentChat} />
		else if (id == 7)
			return <ContactInfoPage navigator={navigator} route={route} chats={this.state.chatList} messages={this.state.chatItemList} chat={this.state.currentChat} />
		else if (id == 8)
			return <GroupInfoPage navigator={navigator} route={route} chats={this.state.chatList} messages={this.state.chatItemList} chat={this.state.currentChat} />
		else if (id == 9)
			return <NewGroupPage navigator={navigator} route={route} chats={this.state.chatList} messages={this.state.chatItemList} chat={this.state.currentChat} />
		else if (id == 10)
			return <ProfilePage navigator={navigator} route={route} chats={this.state.chatList} messages={this.state.chatItemList} chat={this.state.currentChat} />
	}

	render() {
		return (
			<ThemeProvider uiTheme={uiTheme}>
				<Navigator initialRoute={{ id: 1, name: 'Splash' }}
					renderScene={this.renderNavigation.bind(this)}
					configureScene={(route, routeStack) => Navigator.SceneConfigs.FloatFromBottomAndroid} />
			</ThemeProvider>
		);
	}
}

export default Kick;