D8001.1765312886.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D8001.1765312886.diff
View Options

	diff --git a/native/account/registration/registration-text-input.react.js b/native/account/registration/registration-text-input.react.js
	--- a/native/account/registration/registration-text-input.react.js
	+++ b/native/account/registration/registration-text-input.react.js
	@@ -3,12 +3,23 @@
	import * as React from 'react';
	import { TextInput } from 'react-native';

	-import { useStyles, useColors } from '../../themes/colors.js';
	+import {
	+ useStyles,
	+ useColors,
	+ useKeyboardAppearance,
	+} from '../../themes/colors.js';

	type Props = React.ElementConfig<typeof TextInput>;

	function ForwardedRegistrationTextInput(props: Props, ref): React.Node {
	- const { onFocus, onBlur, style, placeholderTextColor, ...rest } = props;
	+ const {
	+ onFocus,
	+ onBlur,
	+ style,
	+ placeholderTextColor,
	+ keyboardAppearance,
	+ ...rest
	+ } = props;

	const [focused, setFocused] = React.useState(false);
	const ourOnFocus = React.useCallback(
	@@ -39,6 +50,9 @@
	const ourPlaceholderTextColor =
	placeholderTextColor ?? colors.panelSecondaryForegroundBorder;

	+ const themeKeyboardAppearance = useKeyboardAppearance();
	+ const ourKeyboardAppearance = keyboardAppearance ?? themeKeyboardAppearance;
	+
	return (
	<TextInput
	{...rest}
	@@ -46,6 +60,7 @@
	placeholderTextColor={ourPlaceholderTextColor}
	onFocus={ourOnFocus}
	onBlur={ourOnBlur}
	+ keyboardAppearance={ourKeyboardAppearance}
	ref={ref}
	/>
	);