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
99 lines (88 loc) · 2.1 KB
/
UserTopicList.js
File metadata and controls
99 lines (88 loc) · 2.1 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
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
initialListSize={10}
pagingEnabled={false}
removeClippedSubviews
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