diff options
| author | Hailey <me@haileyok.com> | 2024-03-19 12:47:46 -0700 |
|---|---|---|
| committer | GitHub <noreply@github.com> | 2024-03-19 12:47:46 -0700 |
| commit | a1c4f19731878f7026d398d28e475bbeb7de824a (patch) | |
| tree | 3b4b869b69f71dacda41707b786916bb46a9f3f1 /src/components/forms/TextField.tsx | |
| parent | b6903419a1112bae5397a398756e46a46afcf65f (diff) | |
| download | voidsky-a1c4f19731878f7026d398d28e475bbeb7de824a.tar.zst | |
Use ALF for signup flow, improve a11y of signup (#3151)
* Use ALF for signup flow, improve a11y of signup * adjust padding * rm log * org imports * clarify allowance of hyphens Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> * fix a few accessibility items * Standardise date input across platforms (#3223) * make the date input consistent across platforms * integrate into new signup form * rm log * add transitions * show correct # of steps * use `FormError` * animate buttons * use `ScreenTransition` * fix android text overflow via flex -> flex_1 * change button color * (android) make date input the same height as others * fix deps * fix deps --------- Co-authored-by: surfdude29 <149612116+surfdude29@users.noreply.github.com> Co-authored-by: Samuel Newman <mozzius@protonmail.com>
Diffstat (limited to 'src/components/forms/TextField.tsx')
| -rw-r--r-- | src/components/forms/TextField.tsx | 6 |
1 files changed, 3 insertions, 3 deletions
diff --git a/src/components/forms/TextField.tsx b/src/components/forms/TextField.tsx index 3cffe5b2b..376883c9d 100644 --- a/src/components/forms/TextField.tsx +++ b/src/components/forms/TextField.tsx @@ -126,8 +126,8 @@ export function useSharedInputStyles() { export type InputProps = Omit<TextInputProps, 'value' | 'onChangeText'> & { label: string - value: string - onChangeText: (value: string) => void + value?: string + onChangeText?: (value: string) => void isInvalid?: boolean inputRef?: React.RefObject<TextInput> } @@ -277,7 +277,7 @@ export function Icon({icon: Comp}: {icon: React.ComponentType<SVGIconProps>}) { <Comp size="md" style={[ - {color: t.palette.contrast_500, pointerEvents: 'none'}, + {color: t.palette.contrast_500, pointerEvents: 'none', flexShrink: 0}, ctx.hovered ? hover : {}, ctx.focused ? focus : {}, ctx.isInvalid && ctx.hovered ? errorHover : {}, |