Paul Coroneos
ff5ad38253
* update eslint config with jsx runtime * leverage jsx transform to remove unnecessary react imports and update eslint config * run yarn lint --fix to remove eslint disables related to react/prop-types that is now disabled
44 lines
1.1 KiB
TypeScript
44 lines
1.1 KiB
TypeScript
import {View} from 'react-native'
|
|
import {Trans} from '@lingui/macro'
|
|
|
|
import {usePalette} from '#/lib/hooks/usePalette'
|
|
import {InfoCircleIcon} from '#/lib/icons'
|
|
import {TextLink} from '../util/Link'
|
|
import {Text} from '../util/text/Text'
|
|
|
|
export function DiscoverFallbackHeader() {
|
|
const pal = usePalette('default')
|
|
return (
|
|
<View
|
|
style={[
|
|
{
|
|
flexDirection: 'row',
|
|
alignItems: 'center',
|
|
paddingVertical: 12,
|
|
paddingHorizontal: 12,
|
|
borderTopWidth: 1,
|
|
},
|
|
pal.border,
|
|
pal.viewLight,
|
|
]}>
|
|
<View style={{width: 68, paddingLeft: 12}}>
|
|
<InfoCircleIcon size={36} style={pal.textLight} strokeWidth={1.5} />
|
|
</View>
|
|
<View style={{flex: 1}}>
|
|
<Text type="md" style={pal.text}>
|
|
<Trans>
|
|
We ran out of posts from your follows. Here's the latest from{' '}
|
|
<TextLink
|
|
type="md-medium"
|
|
href="/profile/bsky.app/feed/whats-hot"
|
|
text="Discover"
|
|
style={pal.link}
|
|
/>
|
|
.
|
|
</Trans>
|
|
</Text>
|
|
</View>
|
|
</View>
|
|
)
|
|
}
|