[APP-773] Change waitlist explainer copy (#1021)
* Change waitlist explainer copy * Restore the waitlist modal snap point to 80% to account for smaller phones * Tune copy further
This commit is contained in:
parent
3bd891b01a
commit
ad15ee31f3
4 changed files with 7 additions and 34 deletions
|
@ -5,7 +5,6 @@ import {TextLink} from '../util/Link'
|
||||||
import {ErrorBoundary} from 'view/com/util/ErrorBoundary'
|
import {ErrorBoundary} from 'view/com/util/ErrorBoundary'
|
||||||
import {s, colors} from 'lib/styles'
|
import {s, colors} from 'lib/styles'
|
||||||
import {usePalette} from 'lib/hooks/usePalette'
|
import {usePalette} from 'lib/hooks/usePalette'
|
||||||
import {useStores} from 'state/index'
|
|
||||||
import {CenteredView} from '../util/Views'
|
import {CenteredView} from '../util/Views'
|
||||||
import {isMobileWeb} from 'platform/detection'
|
import {isMobileWeb} from 'platform/detection'
|
||||||
|
|
||||||
|
@ -17,11 +16,6 @@ export const SplashScreen = ({
|
||||||
onPressCreateAccount: () => void
|
onPressCreateAccount: () => void
|
||||||
}) => {
|
}) => {
|
||||||
const pal = usePalette('default')
|
const pal = usePalette('default')
|
||||||
const store = useStores()
|
|
||||||
|
|
||||||
const onPressWaitlist = React.useCallback(() => {
|
|
||||||
store.shell.openModal({name: 'waitlist'})
|
|
||||||
}, [store])
|
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<CenteredView style={[styles.container, pal.view]}>
|
<CenteredView style={[styles.container, pal.view]}>
|
||||||
|
@ -59,21 +53,6 @@ export const SplashScreen = ({
|
||||||
<Text style={[pal.text, styles.btnLabel]}>Sign In</Text>
|
<Text style={[pal.text, styles.btnLabel]}>Sign In</Text>
|
||||||
</TouchableOpacity>
|
</TouchableOpacity>
|
||||||
</View>
|
</View>
|
||||||
<Text
|
|
||||||
type="xl"
|
|
||||||
style={[styles.notice, pal.textLight]}
|
|
||||||
lineHeight={1.3}>
|
|
||||||
Bluesky will launch soon.{' '}
|
|
||||||
<TouchableOpacity
|
|
||||||
onPress={onPressWaitlist}
|
|
||||||
// TODO: web accessibility
|
|
||||||
accessibilityRole="button">
|
|
||||||
<Text type="xl" style={pal.link}>
|
|
||||||
Join the waitlist
|
|
||||||
</Text>
|
|
||||||
</TouchableOpacity>{' '}
|
|
||||||
to try the beta before it's publicly available.
|
|
||||||
</Text>
|
|
||||||
</ErrorBoundary>
|
</ErrorBoundary>
|
||||||
</View>
|
</View>
|
||||||
<Footer />
|
<Footer />
|
||||||
|
|
|
@ -51,9 +51,8 @@ export const Step2 = observer(({model}: {model: CreateAccountModel}) => {
|
||||||
accessibilityRole="button"
|
accessibilityRole="button"
|
||||||
accessibilityLabel="Waitlist"
|
accessibilityLabel="Waitlist"
|
||||||
accessibilityHint="Opens Bluesky waitlist form">
|
accessibilityHint="Opens Bluesky waitlist form">
|
||||||
<Text style={pal.link}>Join the waitlist</Text>
|
<Text style={pal.link}>Join the waitlist.</Text>
|
||||||
</TouchableWithoutFeedback>{' '}
|
</TouchableWithoutFeedback>
|
||||||
to try the beta before it's publicly available.
|
|
||||||
</Text>
|
</Text>
|
||||||
) : (
|
) : (
|
||||||
<>
|
<>
|
||||||
|
|
|
@ -58,15 +58,15 @@ export function Component({}: {}) {
|
||||||
}
|
}
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<View
|
<View style={[styles.container, pal.view]}>
|
||||||
style={[styles.container, {backgroundColor: pal.colors.backgroundLight}]}>
|
|
||||||
<View style={[styles.innerContainer, pal.view]}>
|
<View style={[styles.innerContainer, pal.view]}>
|
||||||
<Text type="title-xl" style={[styles.title, pal.text]}>
|
<Text type="title-xl" style={[styles.title, pal.text]}>
|
||||||
Join the waitlist
|
Join the waitlist
|
||||||
</Text>
|
</Text>
|
||||||
<Text type="lg" style={[styles.description, pal.text]}>
|
<Text type="lg" style={[styles.description, pal.text]}>
|
||||||
Bluesky will launch soon. Join the waitlist to try the beta before
|
Bluesky uses invites to build a healthier community. If you don't know
|
||||||
it's publicly available.
|
anybody with an invite, you can sign up for the waitlist and we'll
|
||||||
|
send one soon.
|
||||||
</Text>
|
</Text>
|
||||||
<TextInput
|
<TextInput
|
||||||
style={[styles.textInput, pal.borderDark, pal.text, s.mb10, s.mt10]}
|
style={[styles.textInput, pal.borderDark, pal.text, s.mb10, s.mt10]}
|
||||||
|
|
|
@ -27,12 +27,7 @@ export const DesktopRightNav = observer(function DesktopRightNav() {
|
||||||
SANDBOX. Posts and accounts are not permanent.
|
SANDBOX. Posts and accounts are not permanent.
|
||||||
</Text>
|
</Text>
|
||||||
</View>
|
</View>
|
||||||
) : (
|
) : undefined}
|
||||||
<Text type="md" style={[pal.textLight, styles.messageLine]}>
|
|
||||||
Welcome to Bluesky! This is a beta application that's still in
|
|
||||||
development.
|
|
||||||
</Text>
|
|
||||||
)}
|
|
||||||
<View style={[s.flexRow]}>
|
<View style={[s.flexRow]}>
|
||||||
<TextLink
|
<TextLink
|
||||||
type="md"
|
type="md"
|
||||||
|
|
Loading…
Add table
Add a link
Reference in a new issue