Use lastUpdated as key to better sync regresh

This commit is contained in:
Adolfo Reyna
2023-03-10 19:38:23 -06:00
parent 0d44b4d3e3
commit 9d2edc02ce

View File

@@ -32,13 +32,18 @@ let Feed = ({ navigation, route }) => {
useEffect(() => { useEffect(() => {
let subscribed = true; let subscribed = true;
const getData = async () => { const getData = async () => {
let loggedIn = await API.isLoggedIn(); // TODO: Check for internet connection
if (!loggedIn) return navigation.reset({ const internet = true;
index: 0, if(internet){
routes: [{ name: 'Login' }], //byPass and load
}); let loggedIn = await API.isLoggedIn();
if (route.params && route.params.profileid) { if (!loggedIn) return navigation.reset({
return navigation.navigate('Profile', { profileid: route.params.profileid }) index: 0,
routes: [{ name: 'Login' }],
});
if (route.params && route.params.profileid) {
return navigation.navigate('Profile', { profileid: route.params.profileid })
}
} }
if(!route.params?.reRender){ if(!route.params?.reRender){
API.getMe().then((me) => { API.getMe().then((me) => {
@@ -68,7 +73,7 @@ let Feed = ({ navigation, route }) => {
const renderPost = (({ item }) => { const renderPost = (({ item }) => {
if (item.nonOrganicType === 'PopularUsers' || item.nonOrganicType === 'PopularGroups') if (item.nonOrganicType === 'PopularUsers' || item.nonOrganicType === 'PopularGroups')
return (<></>); return (<></>);
return (<Post post={item} />); return (<Post post={item} />);
}); });
@@ -77,7 +82,7 @@ let Feed = ({ navigation, route }) => {
<FlatList <FlatList
data={Posts} data={Posts}
renderItem={renderPost} renderItem={renderPost}
keyExtractor={item => item._id || item.createdAt} keyExtractor={item => item.lastUpdated || item._id || item.ceatedAt} //This may refresh the component
//ListHeaderComponent={<NewPost newPostCB={(newPost) => setPosts([newPost, ...Posts])} />} //ListHeaderComponent={<NewPost newPostCB={(newPost) => setPosts([newPost, ...Posts])} />}
refreshing={Posts.length === 0} refreshing={Posts.length === 0}
onRefresh={() => { onRefresh={() => {