New Comment

components/Comment.js

@@ -4,22 +4,29 @@ import { FAB, Button, Card, Title, IconButton } from 'react-native-paper';
 import API from './../API.js';
 import UserName from './UserName.js';
 import Media from './Media.js';
+import AwesomeIcon from 'react-native-vector-icons/FontAwesome';
 
 
 let Comment = ({ comment }) => {
     return (
         <Card style={styles.comment}>
             <Card.Content>
-                <Text style={styles.userName}>
-                    <UserName profileid={comment.profileid} />
-                    <Button
-                        icon="heart-o"
-                        small
-                        style={styles.likeComment}
-                        onPress={() => console.log('Pressed')}
-                    />
-                </Text>
-                <Text>{comment.content}</Text>
+                <View style={{flexDirection: "row", alignItems: "center", justifyContent: "center"}}>
+                    <View style={{flex:8}}>
+                        <Text style={styles.userName}>
+                            <UserName profileid={comment.profileid} />
+
+                        </Text>
+                    </View>
+                    <View style={{flex:2}}>
+                        <Button
+                            icon="favorite-border"
+                            dense={true}
+                            onPress={() => console.log('Pressed')}
+                        />
+                    </View>
+                </View>
+                <Text style={{fontSize: 16}}>{comment.content}</Text>
             </Card.Content>
         </Card>
     );
@@ -36,6 +43,7 @@ const styles = StyleSheet.create({
         fontSize: 14,
         fontWeight: 'bold',
         marginBottom: 5,
+        fontSize: 16
     },
     likeComment: {
         position: 'absolute',