import { StatusBar } from 'expo-status-bar';
import React, { useState, useEffect } from 'react';
import { Text, View, ScrollView, Button, StyleSheet } from 'react-native';
import API from './../API.js';
import Post from './Post.js'


let Feed = () => {
    let [Me, setMeProfile] = useState({});
    let [Posts, setPosts] = useState([]);
    useEffect(async () => {
        let r = await API.getMe();
        setMeProfile(r);
        let posts = await API.getPosts();
        setPosts(posts);
        //console.log(posts)
    }, []);

    return (
        <View>
            <ScrollView>
                {
                    Posts.map((post, i) => {
                        return (
                            //<Text key={i}>{post.content}</Text>
                            <Post post={post} key={i}/>
                        )
                    })
                }
            </ScrollView>
        </View>
    );
}

export default Feed;