diff options
| author | Paul Frazee <pfrazee@gmail.com> | 2023-10-30 17:50:44 -0700 |
|---|---|---|
| committer | Paul Frazee <pfrazee@gmail.com> | 2023-10-30 17:50:44 -0700 |
| commit | 2577cbf252e0f857d94fdf847f7f73bf776b2e8c (patch) | |
| tree | 1a27e27e5478fcab80b0479fcfa6873fd08ea8f6 | |
| parent | 9f33badffff4bc60f31d184e7b469f8697fb4dae (diff) | |
| parent | 78b374b43d86318b32dd905d2de1604c5b113b4e (diff) | |
| download | voidsky-2577cbf252e0f857d94fdf847f7f73bf776b2e8c.tar.zst | |
Merge branch 'fix/step2-waitlist-link-accessibility' of https://github.com/liby/social-app into liby-fix/step2-waitlist-link-accessibility
| -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'}), + }, }) |