diff options
| author | Bryan Lee <38807139+liby@users.noreply.github.com> | 2023-10-15 06:26:26 +0800 |
|---|---|---|
| committer | Bryan Lee <38807139+liby@users.noreply.github.com> | 2023-10-15 06:26:56 +0800 |
| commit | 78b374b43d86318b32dd905d2de1604c5b113b4e (patch) | |
| tree | 98ab46262e16de9c5339476275c8c75aa9b9e46a /src | |
| parent | 8e9cf182c2e247203b6b5ea9ae701c039945d6a0 (diff) | |
| download | voidsky-78b374b43d86318b32dd905d2de1604c5b113b4e.tar.zst | |
Improved accessibility and interaction for waitlist Link in `Step2` component
Diffstat (limited to 'src')
| -rw-r--r-- | src/view/com/auth/create/Step2.tsx | 12 |
1 files changed, 9 insertions, 3 deletions
diff --git a/src/view/com/auth/create/Step2.tsx b/src/view/com/auth/create/Step2.tsx index 83b0aee40..695c40cb8 100644 --- a/src/view/com/auth/create/Step2.tsx +++ b/src/view/com/auth/create/Step2.tsx @@ -11,6 +11,7 @@ import {TextInput} from '../util/TextInput' import {Policies} from './Policies' import {ErrorMessage} from 'view/com/util/error/ErrorMessage' import {useStores} from 'state/index' +import {isWeb} from 'platform/detection' /** STEP 2: Your account * @field Invite code or waitlist @@ -60,10 +61,11 @@ export const Step2 = observer(function Step2Impl({ Don't have an invite code?{' '} <TouchableWithoutFeedback onPress={onPressWaitlist} - accessibilityRole="button" - accessibilityLabel="Waitlist" + accessibilityLabel="button" 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> </Text> ) : ( @@ -151,4 +153,8 @@ const styles = StyleSheet.create({ borderRadius: 6, 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'}), + }, }) |