ecency/ecency-mobile
1
1
Fork 0
mirror of https://github.com/ecency/ecency-mobile.git synced 2024-12-17 10:21:33 +03:00
Code Issues Actions Packages Projects Releases Wiki Activity

added support for comments tab refresh

Browse Source
This commit is contained in:
Nouman Tahir 2021-09-20 20:27:41 +05:00
parent dea9a6c80e
commit 54c93a39e1
1 changed files with 17 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

24
src/components/profile/children/commentsTabContent.tsx
View File

@ -27,6 +27,7 @@ const CommentsTabContent = ({isOwnProfile, username, type, onScroll, selectedUse
const [lastAuthor, setLastAuthor] = useState('');
const [lastPermlink, setLastPermlink] = useState('');
const [loading, setLoading] = useState(false);
const [refreshing, setRefreshing] = useState(false);
const [noMore, setNoMore] = useState(false);
@ -34,21 +35,23 @@ const CommentsTabContent = ({isOwnProfile, username, type, onScroll, selectedUse
if(selectedUser){
_fetchData();
}
}, [selectedUser])
const _fetchData = async () => {
if(loading || noMore){
const _fetchData = async ({refresh}:{refresh?:boolean} = {}) => {
if(loading || (!refresh && noMore)){
return;
}
setLoading(true);
if(refresh){
setRefreshing(true);
}
const query:any = {
account:username,
start_author: lastAuthor,
start_permlink: lastPermlink,
start_author: refresh ? '' : lastAuthor,
start_permlink: refresh ? '' : lastPermlink,
limit:10,
observer:'',
sort:type
@ -62,7 +65,7 @@ const CommentsTabContent = ({isOwnProfile, username, type, onScroll, selectedUse
}
const result = await getAccountPosts(query)
let _comments:any[] = unionBy(data, result, 'permlink');
let _comments:any[] = refresh ? result : unionBy(data, result, 'permlink');
if(Array.isArray(_comments)){
setData(_comments);
@ -79,6 +82,7 @@ const CommentsTabContent = ({isOwnProfile, username, type, onScroll, selectedUse
}
setLoading(false);
setRefreshing(false);
}
@ -122,7 +126,13 @@ const CommentsTabContent = ({isOwnProfile, username, type, onScroll, selectedUse
onScroll:onScroll,
ListEmptyComponent:_renderListEmpty,
ListFooterComponent:_renderListFooter,
onEndReachedThreshold:1
onEndReachedThreshold:1,
refreshControl:(
<RefreshControl
refreshing={refreshing}
onRefresh={()=>_fetchData({refresh:true})}
/>
)
}}
/>
</View>