adolforeyna/EMI-ExpoAPP
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Refactor native paper provider

Browse Source
This commit is contained in:
aeroreyna
2022-03-11 22:11:43 -08:00
parent 7245c448d4
commit dd3685b862
2 changed files with 76 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
Views/Feed.js
View File

@@ -3,20 +3,8 @@ import React, { useState, useEffect } from 'react';
import { View, ActivityIndicator, StyleSheet, SafeAreaView, FlatList } from 'react-native';
import API from './../API.js';
import Post from './../components/Post.js';
import { Provider as PaperProvider, DefaultTheme, } from 'react-native-paper';
import MaterialIcons from 'react-native-vector-icons/MaterialIcons';
import NewPost from "./../components/NewPost.js";
const theme = {
...DefaultTheme,
roundness: 2,
colors: {
...DefaultTheme.colors,
primary: '#000000',
accent: '#0d6efd',
background: "#edf2f7",
},
};
let Feed = ({ navigation, route }) => {
@@ -27,7 +15,7 @@ let Feed = ({ navigation, route }) => {
let r = await API.getMe();
setMeProfile(r);
if (route.params && route.params.profileid) {
navigation.navigate('Profile', {profileid: route.params.profileid})
navigation.navigate('Profile', { profileid: route.params.profileid })
} else {
let posts = await API.getPosts();
setPosts(posts);
@@ -36,32 +24,29 @@ let Feed = ({ navigation, route }) => {
//console.log(posts)
}, [route.params]);
const renderPost = (({ item }) => {
if(item.nonOrganicType === 'PopularUsers' || item.nonOrganicType === 'PopularGroups')
if (item.nonOrganicType === 'PopularUsers' || item.nonOrganicType === 'PopularGroups')
return (<></>);
return (<Post post={item} viewer={Me} />);
});
return (
<PaperProvider settings={{
icon: props => <MaterialIcons {...props} />,
}} theme={theme}>
<SafeAreaView style={styles.container}>
<View>
<FlatList
data={Posts}
renderItem={renderPost}
keyExtractor={item => item._id || item.createdAt}
ListHeaderComponent={<NewPost newPostCB={(newPost) => setPosts([newPost, ...Posts])} />}
refreshing={Posts.length === 0}
onRefresh={()=>{
API.getPosts().then(setPosts);
}}
/>
</View>
<StatusBar style="auto" />
</SafeAreaView>
</PaperProvider>
<SafeAreaView style={styles.container}>
<View>
<FlatList
data={Posts}
renderItem={renderPost}
keyExtractor={item => item._id || item.createdAt}
ListHeaderComponent={<NewPost newPostCB={(newPost) => setPosts([newPost, ...Posts])} />}
refreshing={Posts.length === 0}
onRefresh={() => {
API.getPosts().then(setPosts);
}}
/>
</View>
<StatusBar style="auto" />
</SafeAreaView>
);
}