Merge branch 'nt/posts_experimental' of https://github.com/ecency/ecency-mobile into nt/posts_experimental

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

@@ -1,19 +1,42 @@
 import React from 'react';
-import { View } from 'react-native';
+import { View, Dimensions } from 'react-native';
 import Placeholder from 'rn-placeholder';
 
 import { ThemeContainer } from '../../../../containers';
+import LottieView from 'lottie-react-native';
 
 import styles from './postCardPlaceHolderStyles';
 // TODO: make container for place holder wrapper after alpha
 const PostCardPlaceHolder = () => {
+  
+  const animationStyle = {
+    width:Dimensions.get('screen').width - 32
+  }
+
+
   return (
     <ThemeContainer>
       {({ isDarkTheme }) => {
         const color = isDarkTheme ? '#2e3d51' : '#f5f5f5';
         return (
           <View style={styles.container}>
-            <View style={styles.textWrapper}>
+          <LottieView
+            style={animationStyle}
+            source={require('../../../../assets/animations/postList.json')}
+            autoPlay
+            loop={true}
+            autoSize={true}
+            resizeMode='cover'
+            colorFilters={[
+              {
+                keypath:'postList',
+                color:color
+              }
+            ]
+            }
+          />
+
+            {/* <View style={styles.textWrapper}>
               <Placeholder.Media size={35} hasRadius animate="fade" color={color} />
               <Placeholder.Line width="30%" lastLineWidth="30%" animate="fade" color={color} />
             </View>
@@ -29,7 +52,7 @@ const PostCardPlaceHolder = () => {
                 firstLineWidth="50%"
                 animate="fade"
               />
-            </View>
+            </View> */}
           </View>
         );
       }}

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

@@ -1,8 +1,9 @@
 import React from 'react';
-import { View } from 'react-native';
+import { View, Dimensions } from 'react-native';
 import Placeholder from 'rn-placeholder';
 
 import { ThemeContainer } from '../../../../containers';
+import LottieView from 'lottie-react-native';
 
 import styles from './postCardPlaceHolderStyles';
 
@@ -14,7 +15,25 @@ const PostPlaceHolder = () => {
 
         return (
           <View>
-            <View style={styles.paragraphWrapper}>
+    
+            <LottieView
+              style={{width:Dimensions.get('screen').width - 24}}
+              source={require('../../../../assets/animations/postBody.json')}
+              autoPlay
+              loop={true}
+              autoSize={true}
+              resizeMode='cover'
+              colorFilters={[
+                {
+                  keypath:'layer1',
+                  color:color
+                }
+              ]
+
+              }
+            />
+  
+            {/* <View style={styles.paragraphWrapper}>
               <Placeholder.Paragraph
                 color={color}
                 lineNumber={2}
@@ -39,7 +58,7 @@ const PostPlaceHolder = () => {
                 firstLineWidth="50%"
                 animate="fade"
               />
-            </View>
+            </View> */}
           </View>
         );
       }}

src/components/posts/view/postsView.js

@@ -15,7 +15,7 @@ import {
   CommunityListItem,
 } from '../../basicUIElements';
 import { ThemeContainer } from '../../../containers';
-// import LottieView from 'lottie-react-native';
+
 
 // Styles
 import styles from './postsStyles';
@@ -235,12 +235,7 @@ const PostsView = ({
         {/* <PostCardPlaceHolder /> */}
         {/* <PostCardPlaceHolder /> */}
         {/* <PostCardPlaceHolder />  */}
-        {/* <LottieView
-          style={{ width: 150, height: 150 }}
-          source={require('./animation.json')}
-          autoPlay
-          loop={false}
-        /> */}
+
       </View>
     );
   };