Function addButton

source/features/status-subscription.tsx:147–189

(subscriptionButton: HTMLButtonElement)

}

async function addButton(subscriptionButton: HTMLButtonElement): Promise<void> {
	const previousRghButton = $optional('.rgh-status-subscription', subscriptionButton.parentElement!);
	const issue = await fetchIssueData();
	const {id, viewerThreadSubscriptionFormAction, viewerCustomSubscriptionEvents} = issue.repository.issue;
	const isSubscribed = viewerThreadSubscriptionFormAction === 'UNSUBSCRIBE';
	const status: SubscriptionStatus = isSubscribed
		? (viewerCustomSubscriptionEvents.length > 0 ? 'status' : 'all')
		: 'none';

	const getOnClick = (target: SubscriptionStatus) => async (event: React.MouseEvent) => {
		closestElement('fieldset', event.currentTarget).disabled = true;
		await updateSubscription(target, id);
		void addButton(subscriptionButton);
	};

	subscriptionButton.after(
		// Use `fieldset` so that it can be disabled
		<fieldset className="rgh-status-subscription BtnGroup d-flex width-full">
			{tooltipped(
				{label: 'Unsubscribe', direction: 'sw'},
				<Button onClick={getOnClick('none')} {...(status === 'none' && disableAttributes)}>
					<BellSlashIcon /> None
				</Button>,
			)}
			{tooltipped(
				{label: 'Subscribe to all events', direction: 'sw'},
				<Button onClick={getOnClick('all')} {...(status === 'all' && disableAttributes)}>
					<BellIcon /> All
				</Button>,
			)}
			{tooltipped(
				{label: multilineAriaLabel('Subscribe just to status changes', '(closing, reopening, merging)'), direction: 'sw'},
				<Button onClick={getOnClick('status')} {...(status === 'status' && disableAttributes)}>
					<IssueReopenedIcon /> Status
				</Button>,
			)}
		</fieldset>,
	);

	// Would be missing on the first run
	previousRghButton?.remove();
	subscriptionButton.hidden = true;
}

function init(signal: AbortSignal): void {
	// Repos you're ignoring can't be subscribed to, so the button is disabled