import { StatusBar } from 'expo-status-bar';
import React, { useState, useEffect } from 'react';
import { View, ScrollView, StyleSheet, SafeAreaView } from 'react-native';
import API from './../API.js';
import Post from './../components/Post.js';
import { Provider as PaperProvider } from 'react-native-paper';
import AwesomeIcon from 'react-native-vector-icons/FontAwesome';
import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
import NewPost from "./../components/NewPost.js";



let Feed = ({ navigation, route }) => {
    let [Me, setMeProfile] = useState({});
    let [Posts, setPosts] = useState([]);
    useEffect(async () => {
        setPosts([]);
        let r = await API.getMe();
        setMeProfile(r);
        if (route.params && route.params.profileid) {
            API.getPosts(route.params.profileid).then((data) => {
                setPosts(data);
            });
        } else {
            let posts = await API.getPosts();
            setPosts(posts);
            navigation.setOptions({ title: "Feed" });
        }
        //console.log(posts)
    }, [route.params]);

    return (
        <PaperProvider settings={{
            icon: props => <MaterialIcons {...props} />,
        }}>
            <SafeAreaView style={styles.container}>
                <View>
                    <ScrollView>
                        <NewPost />
                        {
                            Posts.map((post, i) => {
                                return (
                                    //<Text key={i}>{post.content}</Text>
                                    <Post post={post} viewer={Me} key={i} />
                                )
                            })
                        }
                    </ScrollView>
                </View>
                <StatusBar style="auto" />
            </SafeAreaView>
        </PaperProvider>
    );
}

export default Feed;

const styles = StyleSheet.create({
    container: {
        flex: 1,
        alignItems: 'center',
        backgroundColor: "#edf2f7",
    },
});