Fixed comment requirements

src/components/filterBar/view/filterBarStyles.js

@@ -4,11 +4,13 @@ export default EStyleSheet.create({
   container: {
     justifyContent: 'center',
     backgroundColor: '$primaryLightBackground',
-    shadowOpacity: 0.2,
+    shadowOpacity: 0.3,
     shadowColor: '$shadowColor',
     elevation: 0.1,
-    marginBottom: 5,
-    paddingTop: 5,
+    shadowOffset: {
+      height: 1,
+    },
+    zIndex: 99,
   },
   filterBarWrapper: {
     flexDirection: 'row',

src/components/filterBar/view/filterBarView.js

@@ -30,7 +30,7 @@ const FilterBarView = ({
 }) => (
   <View style={styles.container}>
     {!isHide && (
-      <LineBreak height={30}>
+      <LineBreak height={38}>
         <View style={styles.filterBarWrapper}>
           <DropdownButton
             iconName={dropdownIconName}

src/components/postCard/container/postCardContainer.js

@@ -82,7 +82,7 @@ class PostCardContainer extends PureComponent {
   };
 
   render() {
-    const { content, isHideImage, isFirstOfList } = this.props;
+    const { content, isHideImage } = this.props;
     const { _content } = this.state;
 
     return (
@@ -93,7 +93,6 @@ class PostCardContainer extends PureComponent {
         fetchPost={this._fetchPost}
         content={_content || content}
         isHideImage={isHideImage}
-        isFirstOfList={isFirstOfList}
       />
     );
   }

src/components/postCard/view/postCardStyles.js

@@ -2,15 +2,14 @@ import EStyleSheet from 'react-native-extended-stylesheet';
 
 export default EStyleSheet.create({
   post: {
-    padding: 0,
-    marginRight: 0,
-    marginLeft: 0,
-    marginTop: 5,
-    marginBottom: 5,
+    marginBottom: 10,
     backgroundColor: '$primaryBackgroundColor',
     shadowOpacity: 0.2,
     shadowColor: '$shadowColor',
     elevation: 0.1,
+    shadowOffset: {
+      height: 1,
+    },
   },
   commentButton: {
     padding: 0,

src/components/postCard/view/postCardView.js

@@ -57,16 +57,14 @@ class PostCardView extends Component {
   };
 
   render() {
-    const {
-      content, isHideImage, fetchPost, isFirstOfList,
-    } = this.props;
+    const { content, isHideImage, fetchPost } = this.props;
     const _image = content && content.image
       ? { uri: content.image, priority: FastImage.priority.high }
       : DEFAULT_IMAGE;
     const reblogedBy = content.reblogged_by && content.reblogged_by[0];
 
     return (
-      <View style={[styles.post, isFirstOfList ? { marginTop: 0 } : {}]}>
+      <View style={styles.post}>
         <View style={styles.bodyHeader}>
           <PostHeaderDescription
             // date={intl.formatRelative(content.created)}

src/components/posts/view/postsView.js

@@ -273,9 +273,8 @@ class PostsView extends Component {
           <FlatList
             data={posts}
             showsVerticalScrollIndicator={false}
-            renderItem={({ item, index }) => (
+            renderItem={({ item }) => (
               <PostCard
-                isFirstOfList={index === 0}
                 isRefresh={refreshing}
                 content={item}
                 isHideImage={isHideImage}