Double Navigation Stacks

components/Post.js

@@ -1,6 +1,6 @@
 import React, { useState, useEffect } from 'react';
-import { Text, ScrollView, FlatList, StyleSheet } from 'react-native';
-import { Avatar, Button, Card, Title, Paragraph } from 'react-native-paper';
+import { Text, ScrollView, FlatList, StyleSheet, View } from 'react-native';
+import { Avatar, Button, Card, Title, Chip } from 'react-native-paper';
 import API from './../API.js';
 import UserName from './UserName.js';
 import Media from './Media.js';
@@ -53,13 +53,20 @@ let Post = (props) => {
     return (
         <Card style={styles.card}>
             <Card.Content>
-                <Text style={styles.userName}>
-                    <UserName profileid={post.profileid} />
-                    {toProfileText}
-                </Text>
-                <Text style={{ fontSize: 18 }}>{cleanContent}</Text>
-                <Media content={post.content} />
-
+                {!post.nonOrganicType ?
+                    <View>
+                        <Text style={styles.userName}>
+                            <UserName profileid={post.profileid} />
+                            {toProfileText}
+                        </Text>
+                        <Text style={{ fontSize: 18 }}>{cleanContent}</Text>
+                        <Media content={post.content} />
+                    </View> :
+                    <View>
+                        <Chip icon="new-releases" style={{width:100}} >News</Chip>
+                        <Text style={{ fontSize: 18 }}>{cleanContent}</Text>
+                    </View>
+                }
             </Card.Content>
             <Card.Actions style={{ flexDirection: "row", flow: 4, justifyContent: 'space-evenly', fontSize: 18 }}>
                 <Button