Commit 7856eb39 authored by Trisno's avatar Trisno

read messages jadi light

parent 27c51e81
...@@ -61,17 +61,32 @@ class InboxList extends React.Component { ...@@ -61,17 +61,32 @@ class InboxList extends React.Component {
this.state.indicator ? (<ActivityIndicator style={{ justifyContent: "center", marginTop: 100 }} size="large" color="#c9af6d" />) : this.state.indicator ? (<ActivityIndicator style={{ justifyContent: "center", marginTop: 100 }} size="large" color="#c9af6d" />) :
this.state.inbox_list.length ? ( this.state.inbox_list.length ? (
this.state.inbox_list.map((item, key) => ( this.state.inbox_list.map((item, key) => (
<TouchableOpacity key={key} onPress={() => this.props.navigation.navigate('Inbox Detail', { idInbox: item.id })}> item.read !== 0 ? (
<View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between', borderBottomWidth: 1, borderColor: '#838383', padding: 15 }} key={key}> <TouchableOpacity key={key} onPress={() => this.props.navigation.navigate('Inbox Detail', { idInbox: item.id })}>
<View style={{ flex: 0.7 }}> <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between', borderBottomWidth: 1, borderColor: '#838383', padding: 15 }} key={key}>
<Text style={{ textAlign: 'left', fontSize: 18, fontFamily: 'Gotham-Black', color: 'grey' }}>{item.message.title}</Text> <View style={{ flex: 0.7 }}>
<Text style={{ textAlign: 'left', fontSize: 14, fontFamily: 'Gotham-Black', color: 'grey' }}>{item.message.subtitle}</Text> <Text style={{ textAlign: 'left', fontSize: 18, fontFamily: 'Gotham-Light', color: 'grey' }}>{item.message.title}</Text>
<Text style={{ textAlign: 'left', fontSize: 14, fontFamily: 'Gotham-Light', color: 'grey' }}>{item.message.subtitle}</Text>
</View>
<View style={{ flex: 0.3, justifyContent: 'center', alignItems: 'flex-end' }}>
<Text style={{ fontFamily: 'Gotham-Light', color: 'grey', fontSize: 18 }}>{moment(item.sent_time).format("DD MMM")}</Text>
</View>
</View> </View>
<View style={{ flex: 0.3, justifyContent:'center', alignItems:'flex-end' }}> </TouchableOpacity>
<Text style={{ fontFamily: 'Gotham-Black', color: 'grey', fontSize: 18}}>{moment(item.sent_time).format("DD MMM")}</Text> ) : (
</View> <TouchableOpacity key={key} onPress={() => this.props.navigation.navigate('Inbox Detail', { idInbox: item.id })}>
</View> <View style={{ flex: 1, flexDirection: 'row', justifyContent: 'space-between', borderBottomWidth: 1, borderColor: '#838383', padding: 15 }} key={key}>
</TouchableOpacity> <View style={{ flex: 0.7 }}>
<Text style={{ textAlign: 'left', fontSize: 18, fontFamily: 'Gotham-Black', color: 'grey' }}>{item.message.title}</Text>
<Text style={{ textAlign: 'left', fontSize: 14, fontFamily: 'Gotham-Black', color: 'grey' }}>{item.message.subtitle}</Text>
</View>
<View style={{ flex: 0.3, justifyContent: 'center', alignItems: 'flex-end' }}>
<Text style={{ fontFamily: 'Gotham-Black', color: 'grey', fontSize: 18 }}>{moment(item.sent_time).format("DD MMM")}</Text>
</View>
</View>
</TouchableOpacity>
)
)) ))
) : ( ) : (
<View style={{ justifyContent: 'center', alignItems: 'center', marginTop: 100 }}> <View style={{ justifyContent: 'center', alignItems: 'center', marginTop: 100 }}>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment