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

Merge branch 'liby-fix/step2-waitlist-link-accessibility' into main

Browse source
This commit is contained in:
Paul Frazee 2023-10-30 18:06:58 -07:00
commit bae429202a
1 changed files with 10 additions and 4 deletions
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="Join the waitlist."
accessibilityLabel="Waitlist" accessibilityHint="">
accessibilityHint="Opens Bluesky waitlist form"> <View style={styles.touchable}>
<Text style={pal.link}>Join the waitlist.</Text> <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'}),
},
}) })