Valtio and new tab menu

Views/Feed.js

@@ -4,6 +4,8 @@ import { View, ActivityIndicator, StyleSheet, SafeAreaView, FlatList } from 'rea
 import API from './../API.js';
 import Post from './../components/Post.js';
 import NewPost from "./../components/NewPost.js";
+import { useSnapshot } from 'valtio';
+import GlobalState from '../contexts/GlobalState.js';
 
 import AsyncStorage from '@react-native-async-storage/async-storage';
 
@@ -27,27 +29,30 @@ const getFeed = async () => {
 }
 
 let Feed = ({ navigation, route }) => {
-    let [Me, setMeProfile] = useState({});
     let [Posts, setPosts] = useState([]);
+    console.log("Render Feed");
     useEffect(async () => {
         let loggedIn = await API.isLoggedIn();
         if(!loggedIn) return navigation.navigate('Login');
-        let cacheFeed = await getFeed() || [];
-        setPosts(cacheFeed);
-        let r = await API.getMe();
-        setMeProfile(r);
         if (route.params && route.params.profileid) {
             navigation.navigate('Profile', { profileid: route.params.profileid })
-        } else {
-            let posts = await API.getPosts();
-            setPosts(posts);
-            storeFeed(posts);
         }
+        API.getMe().then((me) => {
+            GlobalState.me = me;
+        });
+        console.log("Feed from cache")
+        let cacheFeed = await getFeed() || [];
+        if(cacheFeed.length) setPosts(cacheFeed);
+        console.log("Feed from server")
+        let posts = await API.getPosts();
+        setPosts(posts);
+        storeFeed(posts);
+        console.log("Feed, end useEffect")
     }, [route.params]);
     const renderPost = (({ item }) => {
         if (item.nonOrganicType === 'PopularUsers' || item.nonOrganicType === 'PopularGroups')
             return (<></>);
-        return (<Post post={item} viewer={Me} />);
+        return (<Post post={item} />);
     });