zio
/
bsky-app
2
0
Fork 0
Code Pull Requests Packages Releases Activity

Merge branch 'fix/step2-waitlist-link-accessibility' of https://github.com/liby/social-app into liby-fix/step2-waitlist-link-accessibility

zio/stable
Paul Frazee 2023-10-30 17:50:44 -07:00
parent 9f33badfff 78b374b43d
commit 2577cbf252
1 changed files with 9 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

12
src/view/com/auth/create/Step2.tsx
View File

@ -11,6 +11,7 @@ import {TextInput} from '../util/TextInput'
import {Policies} from './Policies' import {Policies} from './Policies'
import {ErrorMessage} from 'view/com/util/error/ErrorMessage' import {ErrorMessage} from 'view/com/util/error/ErrorMessage'
import {useStores} from 'state/index' import {useStores} from 'state/index'
import {isWeb} from 'platform/detection'
/** STEP 2: Your account /** STEP 2: Your account
* @field Invite code or waitlist * @field Invite code or waitlist
@ -60,10 +61,11 @@ export const Step2 = observer(function Step2Impl({
Don't have an invite code?{' '} Don't have an invite code?{' '}
<TouchableWithoutFeedback <TouchableWithoutFeedback
onPress={onPressWaitlist} onPress={onPressWaitlist}
accessibilityRole="button" accessibilityLabel="button"
accessibilityLabel="Waitlist"
accessibilityHint="Opens Bluesky waitlist form"> accessibilityHint="Opens Bluesky waitlist form">
<Text style={pal.link}>Join the waitlist.</Text> <View style={styles.touchable}>
<Text style={pal.link}>Join the waitlist.</Text>
</View>
</TouchableWithoutFeedback> </TouchableWithoutFeedback>
</Text> </Text>
) : ( ) : (
@ -151,4 +153,8 @@ const styles = StyleSheet.create({
borderRadius: 6, borderRadius: 6,
paddingVertical: 14, paddingVertical: 14,
}, },
// @ts-expect-error: Suppressing error due to incomplete `ViewStyle` type definition in react-native-web, missing `cursor` prop as discussed in https://github.com/necolas/react-native-web/issues/832.
touchable: {
...(isWeb && {cursor: 'pointer'}),
},
}) })