Ansh
bd9386d81c
* delete old onboarding files and code * add custom FollowButton component to Post, FeedItem, & ProfileCard * move building suggested feed into helper lib * show suggested posts/feed if follower list is empty * Update tsconfig.json * add pagination to getting new onboarding * remove unnecessary console log * fix naming, add better null check for combinedCursor * In locally-combined feeds, correctly produce an undefined cursor when out of data * Minor refactors of the suggested posts lib functions * Show 'follow button' style of post meta in certain conditions only * Only show follow btn in posts on the main feed and the discovery feed * Add a welcome notice to the home feed * Tune the timing of when the welcome banner shows or hides * Make the follow button an observer (closes #244) * Update postmeta to keep the follow btn after press until next render * A couple of fixes that ensure consistent welcome screen * Fix lint * Rework the welcome banner * Fix cache invalidation of follows model on user switch * Show welcome banner while loading * Update the home onboarding feed to get top posts from hardcode recommends * Drop unused helper function * Update happy path tests --------- Co-authored-by: Paul Frazee <pfrazee@gmail.com>
34 lines
846 B
TypeScript
34 lines
846 B
TypeScript
import React from 'react'
|
|
import {StyleSheet, View} from 'react-native'
|
|
import {usePalette} from 'lib/hooks/usePalette'
|
|
import {Text} from './text/Text'
|
|
import {s} from 'lib/styles'
|
|
|
|
export function WelcomeBanner() {
|
|
const pal = usePalette('default')
|
|
return (
|
|
<View
|
|
testID="welcomeBanner"
|
|
style={[pal.view, styles.container, pal.border]}>
|
|
<Text
|
|
type="title-lg"
|
|
style={[pal.text, s.textCenter, s.bold, s.pb5]}
|
|
lineHeight={1.1}>
|
|
Welcome to the private beta!
|
|
</Text>
|
|
<Text type="lg" style={[pal.text, s.textCenter]}>
|
|
Here are some recent posts. Follow their creators to build your feed.
|
|
</Text>
|
|
</View>
|
|
)
|
|
}
|
|
|
|
const styles = StyleSheet.create({
|
|
container: {
|
|
paddingTop: 30,
|
|
paddingBottom: 26,
|
|
paddingHorizontal: 20,
|
|
borderTopWidth: 1,
|
|
},
|
|
})
|