D8430.1765066378.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D8430.1765066378.diff
View Options

	diff --git a/native/roles/create-roles-header-right-button.react.js b/native/roles/create-roles-header-right-button.react.js
	--- a/native/roles/create-roles-header-right-button.react.js
	+++ b/native/roles/create-roles-header-right-button.react.js
	@@ -50,14 +50,35 @@
	navigation,
	]);

	- return (
	- <TouchableOpacity onPress={onPressCreate}>
	- <Text style={styles.createButton}>Create</Text>
	- </TouchableOpacity>
	- );
	+ const shouldHeaderRightBeDisabled = roleName.length === 0;
	+ const createButton = React.useMemo(() => {
	+ const textStyle = shouldHeaderRightBeDisabled
	+ ? styles.createButtonDisabled
	+ : styles.createButton;
	+
	+ return (
	+ <TouchableOpacity
	+ onPress={onPressCreate}
	+ disabled={shouldHeaderRightBeDisabled}
	+ >
	+ <Text style={textStyle}>Create</Text>
	+ </TouchableOpacity>
	+ );
	+ }, [
	+ shouldHeaderRightBeDisabled,
	+ styles.createButtonDisabled,
	+ styles.createButton,
	+ onPressCreate,
	+ ]);
	+
	+ return createButton;
	}

	const unboundStyles = {
	+ createButtonDisabled: {
	+ color: 'disabledButton',
	+ marginRight: 10,
	+ },
	createButton: {
	color: 'purpleLink',
	marginRight: 10,