added comments placeholder animation

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

@@ -1,30 +1,39 @@
 import React from 'react';
 import { View } from 'react-native';
-import Placeholder from 'rn-placeholder';
 
 import { ThemeContainer } from '../../../../containers';
+import LottieView from 'lottie-react-native';
 
 import styles from './listItemPlaceHolderStyles';
 
 const CommentPlaceHolderView = () => {
+
+    
+  const animationStyle = {
+    width:300, height: 72
+  }
+
   return (
     <ThemeContainer>
       {({ isDarkTheme }) => {
         const color = isDarkTheme ? '#2e3d51' : '#f5f5f5';
         return (
           <View style={styles.container}>
-            <View style={styles.paragraphWithoutMargin}>
+              <LottieView
-              <Placeholder.Paragraph
+                style={animationStyle}
-                color={color}
+                source={require('../../../../assets/animations/commentBody.json')}
-                lineNumber={3}
+                autoPlay
-                textSize={12}
+                loop={true}
-                lineSpacing={8}
+                autoSize={true} 
-                width="100%"
+                resizeMode='cover'
-                lastLineWidth="70%"
+                colorFilters={[
-                firstLineWidth="50%"
+                  {
-                animate="fade"
+                    keypath:'comments',
+                    color:color
+                  }
+                ]
+                }
               />
-            </View>
           </View>
         );
       }}