D8430.1765085347.diff
No OneTemporary
Actions

Size

1 KB

Referenced Files

None

Subscribers

None

D8430.1765085347.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={onCreate}>
	- <Text style={styles.onCreateButton}>Create</Text>
	- </TouchableOpacity>
	- );
	+ const shouldHeaderRightBeDisabled = roleName.length === 0;
	+ const createButton = React.useMemo(() => {
	+ const textStyle = shouldHeaderRightBeDisabled
	+ ? styles.onCreateButtonDisabled
	+ : styles.onCreateButton;
	+
	+ return (
	+ <TouchableOpacity
	+ onPress={onCreate}
	+ disabled={shouldHeaderRightBeDisabled}
	+ >
	+ <Text style={textStyle}>Create</Text>
	+ </TouchableOpacity>
	+ );
	+ }, [
	+ shouldHeaderRightBeDisabled,
	+ styles.onCreateButtonDisabled,
	+ styles.onCreateButton,
	+ onCreate,
	+ ]);
	+
	+ return createButton;
	}

	const unboundStyles = {
	+ onCreateButtonDisabled: {
	+ color: 'disabledButton',
	+ marginRight: 10,
	+ },
	onCreateButton: {
	color: 'purpleLink',
	marginRight: 10,