Merge pull request #322 from esteemapp/commentStyle

enhanced comments height

src/components/basicUIElements/view/placeHolder/postCardPlaceHolderStyles.js

@@ -8,7 +8,6 @@ export default EStyleSheet.create({
     borderWidth: 1,
     borderTopWidth: 1,
     borderColor: '$primaryLightBackground',
-    borderRadius: 5,
     marginRight: 0,
     marginLeft: 0,
     marginTop: 10,

src/components/basicUIElements/view/placeHolder/profileSummaryPlaceHolderStyles.js

@@ -8,7 +8,6 @@ export default EStyleSheet.create({
     borderWidth: 1,
     borderTopWidth: 1,
     borderColor: '$primaryLightBackground',
-    borderRadius: 5,
     marginRight: 0,
     marginLeft: 0,
     marginTop: 10,

src/components/collapsibleCard/view/collapsibleCardView.js

@@ -64,7 +64,7 @@ class CollapsibleCardView extends PureComponent {
   _toggleOnPress = () => {
     const { handleOnExpanded, moreHeight } = this.props;
     Animated.timing(this.anime.height, {
-      toValue: this.anime.expanded ? this._getMinValue() : this._getMaxValue() + moreHeight,
+      toValue: this.anime.expanded ? this._getMinValue() : this._getMaxValue() + (moreHeight || 0),
       duration: 200,
     }).start();
     this.anime.expanded = !this.anime.expanded;

src/components/comments/view/commentsView.js

@@ -70,9 +70,9 @@ class CommentsView extends PureComponent {
                 >
                   <PostBody isComment handleOnUserPress={handleOnUserPress} body={item.body} />
                   <View style={{ flexDirection: 'row' }}>
-                    <Upvote isShowPayoutValue content={item} />
                     {isLoggedIn && (
                       <Fragment>
+                        <Upvote isShowPayoutValue content={item} />
                         <IconButton
                           iconStyle={{ color: '#c1c5c7' }}
                           style={{ marginLeft: 20 }}

src/components/postCard/container/postCardContainer.js

@@ -58,13 +58,14 @@ class PostCardContainer extends PureComponent {
   };
 
   _handleOnVotersPress = (activeVotes) => {
-    const { navigation } = this.props;
+    const { navigation, content } = this.props;
 
     navigation.navigate({
       routeName: ROUTES.SCREENS.VOTERS,
       params: {
         activeVotes,
       },
+      key: content.permlink,
     });
   };
 

src/components/postElements/body/view/postBodyStyles.js

@@ -17,12 +17,13 @@ export default EStyleSheet.create({
   img: {
     left: -16,
     // height: 50,
+    marginTop: 10,
   },
   code: {
     fontFamily: '$editorFont',
   },
   commentContainer: {
     paddingHorizontal: 0,
-    marginTop: 20,
+    marginTop: 10,
   },
 });

src/components/searchModal/view/searchModalStyles.js

@@ -29,6 +29,7 @@ export default EStyleSheet.create({
     fontSize: 14,
     flexGrow: 1,
     padding: 7,
+    maxWidth: '$deviceWidth - 100',
   },
   closeIconButton: {
     width: 20,

src/components/searchModal/view/searchModalView.js

@@ -1,6 +1,6 @@
 import React, { PureComponent } from 'react';
 import {
-  View, Text, TextInput, FlatList, TouchableHighlight, SafeAreaView,
+  View, Text, FlatList, TouchableHighlight, SafeAreaView,
 } from 'react-native';
 import FastImage from 'react-native-fast-image';
 
@@ -10,7 +10,7 @@ import FastImage from 'react-native-fast-image';
 import { Icon } from '../../icon';
 import { IconButton } from '../../iconButton';
 import { Modal } from '../..';
-
+import { TextInput } from '../../textInput';
 // Styles
 // eslint-disable-next-line
 import styles from './searchModalStyles';