Function addLegacyButton

source/features/status-subscription.tsx:56–97

(subscriptionButton: HTMLButtonElement)

}

function addLegacyButton(subscriptionButton: HTMLButtonElement): void {
	const status = getLegacyStatus(subscriptionButton);
	// Save first
	const originalId = subscriptionButton.form!.elements.id;

	subscriptionButton.after(
		<div className="rgh-status-subscription BtnGroup d-flex width-full">
			{tooltipped(
				{label: 'Unsubscribe', direction: 'sw'},
				<Button value="unsubscribe" {...(status === 'none' && disableAttributes)}>
					<BellSlashIcon /> None
				</Button>,
			)}
			{tooltipped(
				{label: 'Subscribe to all events', direction: 'sw'},
				<Button value="subscribe" {...(status === 'all' && disableAttributes)}>
					<BellIcon /> All
				</Button>,
			)}
			{tooltipped(
				{label: multilineAriaLabel('Subscribe just to status changes', '(closing, reopening, merging)'), direction: 'sw'},
				<Button value="subscribe_to_custom_notifications" {...(status === 'status' && disableAttributes)}>
					<IssueReopenedIcon /> Status
				</Button>,
			)}
		</div>,
		// Always submitted, but ignored unless the value is `subscribe_to_custom_notifications`
		// Keep outside BtnGroup
		<input type="hidden" name="events[]" value="merged" />,
		<input type="hidden" name="events[]" value="closed" />,
		<input type="hidden" name="events[]" value="reopened" />,
	);

	// Remove it only if the form was successfully added
	originalId.remove();
	subscriptionButton.hidden = true;

	// 'all' can have many reasons, but the other two don't add further information #6684
	if (status !== 'all') {
		getLegacyReason(subscriptionButton).hidden = true;
	}
}

const githubApiBaseHeaders = new Headers({
	accept: 'application/json',