jeanmachine.dev
forked from
jollywhoppers.com/witchsky.app
Bluesky app fork with some witchin' additions 馃挮
samuel.fm
1import {StyleSheet} from 'react-native'
2import {
3 FontAwesomeIcon,
4 type FontAwesomeIconStyle,
5} from '@fortawesome/react-native-fontawesome'
6
7import {usePalette} from '#/lib/hooks/usePalette'
8import {Button} from './forms/Button'
9import {Text} from './text/Text'
10
11export function LoadMoreRetryBtn({
12 label,
13 onPress,
14}: {
15 label: string
16 onPress: () => void
17}) {
18 const pal = usePalette('default')
19 return (
20 <Button type="default-light" onPress={onPress} style={styles.loadMoreRetry}>
21 <FontAwesomeIcon
22 icon="arrow-rotate-left"
23 style={pal.textLight as FontAwesomeIconStyle}
24 size={18}
25 />
26 <Text style={[pal.textLight, styles.label]}>{label}</Text>
27 </Button>
28 )
29}
30
31const styles = StyleSheet.create({
32 loadMoreRetry: {
33 flexDirection: 'row',
34 gap: 14,
35 alignItems: 'center',
36 borderRadius: 0,
37 marginTop: 1,
38 paddingVertical: 12,
39 paddingHorizontal: 20,
40 },
41 label: {
42 flex: 1,
43 },
44})