[lib] Disable edit button when link secret isn't changed
ClosedPublic
Actions

Show All 27 Lines
const disableButtonColor = {		const disableButtonColor = {
color: 'var(--error-primary)',		color: 'var(--error-primary)',
borderColor: 'var(--error-primary)',		borderColor: 'var(--error-primary)',
};		};
function EditLinkModal(props: Props): React.Node {		function EditLinkModal(props: Props): React.Node {
const { inviteLink, enterViewMode, enterDisableMode, community } = props;		const { inviteLink, enterViewMode, enterDisableMode, community } = props;
const { popModal } = useModalContext();		const { popModal } = useModalContext();

const { error, isLoading, name, setName, createOrUpdateInviteLink } =		const {
useInviteLinksActions(community.id, inviteLink);		error,
		isLoading,
		isChanged,
		name,
		setName,
		createOrUpdateInviteLink,
		} = useInviteLinksActions(community.id, inviteLink);
const onChangeName = React.useCallback(		const onChangeName = React.useCallback(
(event: SyntheticEvent<HTMLInputElement>) => {		(event: SyntheticEvent<HTMLInputElement>) => {
setName(event.currentTarget.value);		setName(event.currentTarget.value);
},		},
[setName],		[setName],
);		);

let errorComponent = null;		let errorComponent = null;
▲ Show 20 Lines • Show All 52 Lines • ▼ Show 20 Lines	<Modal name="Public link" onClose={popModal} size="large">
})}		})}
>		>
<Button variant="outline" onClick={enterViewMode}>		<Button variant="outline" onClick={enterViewMode}>
Back		Back
</Button>		</Button>
<Button		<Button
variant="filled"		variant="filled"
onClick={createOrUpdateInviteLink}		onClick={createOrUpdateInviteLink}
disabled={isLoading}		disabled={isLoading \|\| !isChanged}
>		>
Save & enable public link		Save & enable public link
</Button>		</Button>
</div>		</div>
</div>		</div>
{disableLinkComponent}		{disableLinkComponent}
</div>		</div>
</Modal>		</Modal>
);		);
}		}

export default EditLinkModal;		export default EditLinkModal;

[lib] Disable edit button when link secret isn't changedClosedPublicActions

Details

Diff Detail

Event Timeline

Revision ContentsChangeset List

Diff 37948

lib/hooks/invite-links.js

native/invite-links/manage-public-link-screen.react.js

web/invite-links/manage/edit-link-modal.react.js

[lib] Disable edit button when link secret isn't changed
ClosedPublic
Actions

Revision Contents
Changeset List