Improve "Load more" error handling in feeds (#379)

* Add explicit load-more error handling to posts feed

* Add explicit load-more error handling to notifications feed

* Properly set hasMore to false after an error
This commit is contained in:
Paul Frazee 2023-04-03 15:57:17 -05:00 committed by GitHub
parent 2045c615a8
commit b12cd53a4d
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
6 changed files with 159 additions and 33 deletions

View file

@ -0,0 +1,44 @@
import React from 'react'
import {StyleSheet} from 'react-native'
import {
FontAwesomeIcon,
FontAwesomeIconStyle,
} from '@fortawesome/react-native-fontawesome'
import {Button} from './forms/Button'
import {Text} from './text/Text'
import {usePalette} from 'lib/hooks/usePalette'
export function LoadMoreRetryBtn({
label,
onPress,
}: {
label: string
onPress: () => void
}) {
const pal = usePalette('default')
return (
<Button type="default-light" onPress={onPress} style={styles.loadMoreRetry}>
<FontAwesomeIcon
icon="arrow-rotate-left"
style={pal.textLight as FontAwesomeIconStyle}
size={18}
/>
<Text style={[pal.textLight, styles.label]}>{label}</Text>
</Button>
)
}
const styles = StyleSheet.create({
loadMoreRetry: {
flexDirection: 'row',
gap: 14,
alignItems: 'center',
borderRadius: 0,
marginTop: 1,
paddingVertical: 12,
paddingHorizontal: 20,
},
label: {
flex: 1,
},
})