forked from osdio/noder-react-native
-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathUserTopicList.js
More file actions
109 lines (88 loc) · 1.95 KB
/
UserTopicList.js
File metadata and controls
109 lines (88 loc) · 1.95 KB
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
100
101
102
103
104
105
106
107
108
109
import React, {Component} from 'react';
import {View, StyleSheet, Text, ListView, Dimensions} from 'react-native';
import moment from 'moment';
import TopicRow from './TopicRow';
const { width } = Dimensions.get('window');
class UserTopicList extends Component {
constructor(props) {
super(props);
this.ds = new ListView.DataSource({rowHasChanged: (r1, r2) => r1 !== r2});
this.data = this.props.data || [];
this.state = {
ds: this.ds.cloneWithRows(this.data)
}
}
componentWillReceiveProps(nextProps) {
if (nextProps.data != this.props.data) {
this.setState({
ds: this.ds.cloneWithRows(nextProps.data)
})
}
}
_onRowPress(topic) {
this.props.router.toTopic({
topic: topic,
id: topic.id
})
}
_renderRowFooter(topic) {
var date = moment(topic.last_reply_at).startOf('minute').fromNow();
let dateItem = (
<Text
key='dateText'
style={[styles['topicFooter text'],styles['topicFooter date']]}>
{date}
</Text>
);
let authorItem = (
<Text
key='authorText'
style={[styles['topicFooter text'],styles['topicFooter author']]}>
{topic.author.loginname}
</Text>
);
return [dateItem, authorItem]
}
_renderRow(topic) {
return (
<TopicRow
onPress={this._onRowPress.bind(this)}
topic={topic}
footer={this._renderRowFooter(topic)}
/>
)
}
render() {
return (
<View style={[styles.container,this.props.style]}>
<ListView
showsVerticalScrollIndicator={true}
initialListSize={10}
pagingEnabled={false}
removeClippedSubviews={true}
dataSource={this.state.ds}
renderRow={this._renderRow.bind(this)}/>
</View>
)
}
}
var styles = StyleSheet.create({
container: {
width: width
},
"topicFooter text": {
"fontSize": 11,
"color": "rgba(0, 0, 0, 0.3)"
},
"topicFooter date": {
"position": "absolute",
"right": 0,
"top": 0
},
"topicFooter author": {
position: 'absolute',
left: 0,
top: 0
}
});
export default UserTopicList;