ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-12-28 07:55:08 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

enhanced style a bit

Browse Source
This commit is contained in:
ue 2018-10-31 16:16:06 +03:00
parent 31edb864d6
commit 4b862d6927
2 changed files with 63 additions and 13 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

74
src/components/comments/view/commentsView.js
View File

@ -1,5 +1,5 @@
import React, { Component } from 'react';
import { View } from 'react-native';
import React, { Component, Fragment } from 'react';
import { View, FlatList, Text } from 'react-native';
// Constants
@ -28,6 +28,8 @@ class CommentsView extends Component {
// Component Functions
_handleOnDropdownSelect = () => {};
_keyExtractor = (item, index) => item.permlink;
render() {
const {
comments,
@ -41,15 +43,63 @@ class CommentsView extends Component {
// commentNumber === 8 && alert('sekkiz:');
return (
<View>
{comments
{!!comments && (
<FlatList
data={comments}
keyExtractor={this._keyExtractor}
renderItem={({ item, index }) => (
<View key={index}>
<PostHeaderDescription
key={item.permlink}
date={item.created}
name={item.author}
reputation={item.author_reputation}
avatar={item.avatar}
size={avatarSize || 24}
/>
<View
style={{
marginLeft: marginLeft || 35,
flexDirection: 'column',
marginTop: -10,
}}
>
<PostBody isComment handleOnUserPress={handleOnUserPress} body={item.body} />
<View style={{ flexDirection: 'row' }}>
<Upvote isShowpayoutValue content={item} user={currentUser} isLoggedIn />
<IconButton
iconStyle={{ color: '#c1c5c7' }}
style={{ marginLeft: 20 }}
name="reply"
onPress={() => handleOnReplyPress && handleOnReplyPress()}
iconType="FontAwesome"
/>
</View>
</View>
<View style={{ marginLeft: marginLeft || 32 }}>
{commentNumber !== 8 && (
<Comments
commentNumber={commentNumber ? commentNumber * 2 : 1}
marginLeft={20}
avatarSize={avatarSize || 16}
author={item.author}
permlink={item.permlink}
/>
)}
</View>
</View>
)}
/>
)}
{/* {comments
&& comments.map((comment, i) => (
<View key={i}>
<PostHeaderDescription
key={comment.permlink}
date={comment.created}
name={comment.author}
reputation={comment.author_reputation}
avatar={comment.avatar}
key={item.permlink}
date={item.created}
name={item.author}
reputation={item.author_reputation}
avatar={item.avatar}
size={avatarSize || 24}
/>
<View
@ -59,7 +109,7 @@ class CommentsView extends Component {
marginTop: -15,
}}
>
<PostBody isComment handleOnUserPress={handleOnUserPress} body={comment.body} />
<PostBody isComment handleOnUserPress={handleOnUserPress} body={item.body} />
<View style={{ flexDirection: 'row' }}>
<Upvote isShowpayoutValue content={comment} user={currentUser} isLoggedIn />
<IconButton
@ -77,13 +127,13 @@ class CommentsView extends Component {
commentNumber={commentNumber ? commentNumber * 2 : 1}
marginLeft={20}
avatarSize={avatarSize || 16}
author={comment.author}
permlink={comment.permlink}
author={item.author}
permlink={item.permlink}
/>
)}
</View>
</View>
))}
))} */}
</View>
);
}

2
src/components/postView/view/postDisplayView.js
View File

@ -131,11 +131,11 @@ class PostDisplayView extends Component {
{' '}
{post.created}
</Text>
{isPostEnd && this._getTabBar()}
</View>
</View>
)}
</View>
{isPostEnd && this._getTabBar()}
{post && (
<CommentsDisplay
currentUser={currentUser}