D12653.1767359953.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D12653.1767359953.diff
View Options

	diff --git a/native/components/enum-settings-option.react.js b/native/components/enum-settings-option.react.js
	--- a/native/components/enum-settings-option.react.js
	+++ b/native/components/enum-settings-option.react.js
	@@ -15,6 +15,7 @@
	+enumValue: boolean,
	+onEnumValuePress: () => mixed,
	+type?: InputType,
	+ +disabled?: boolean,
	};

	function EnumSettingsOption(props: EnumSettingsOptionProps): React.Node {
	@@ -27,6 +28,7 @@
	enumValue,
	onEnumValuePress,
	type = 'radio',
	+ disabled,
	} = props;

	const enumIcon = React.useMemo(() => {
	@@ -56,14 +58,23 @@
	const enumInputStyles = React.useMemo(() => {
	const style = [styles.enumInput];

	- if (type === 'radio') {
	+ if (disabled) {
	+ style.push(styles.disabled);
	+ } else if (type === 'radio') {
	style.push(styles.radio);
	} else {
	style.push(styles.checkBox);
	}

	return style;
	- }, [styles.checkBox, styles.enumInput, styles.radio, type]);
	+ }, [
	+ disabled,
	+ styles.checkBox,
	+ styles.disabled,
	+ styles.enumInput,
	+ styles.radio,
	+ type,
	+ ]);

	const enumInputFilledStyles = React.useMemo(() => {
	const style = [styles.enumInputFill];
	@@ -93,6 +104,7 @@
	onPress={onEnumValuePress}
	style={styles.enumInputContainer}
	activeOpacity={0.4}
	+ disabled={disabled}
	>
	<View style={enumInputStyles}>{enumInputFill}</View>
	</TouchableOpacity>
	@@ -154,6 +166,9 @@
	radioFill: {
	borderRadius: 10,
	},
	+ disabled: {
	+ opacity: 0,
	+ },
	};

	export default EnumSettingsOption;