Function addConversationBanner

source/features/rgh-netiquette.tsx:13–57

(newCommentBox: HTMLElement)

import {getCloseDate, getResolvedText, wasLongAgo} from './netiquette.js';

async function addConversationBanner(newCommentBox: HTMLElement): Promise<void> {
	// Check inside the observer because React views load after dom-ready
	const closingDate = await getCloseDate();
	if (!closingDate || !wasLongAgo(closingDate)) {
		features.unload(import.meta.url);
		return;
	}

	const button = (
		<button
			type="button"
			className="btn-link"
			onClick={() => {
				newCommentBox.hidden = false;

				// Keep the banner, make it visible
				closestElement('.rgh-bg-none', button).classList.replace('rgh-bg-none', 'flash-error');

				// Unlink this button
				button.replaceWith(button.firstChild!);

				newCommentBox.scrollIntoView({
					behavior: 'smooth',
				});
			}}
		>
			comment
		</button>
	);

	const banner = (
		<TimelineItem>
			{createBanner({
				classes: ['rgh-bg-none'],
				icon: <InfoIcon className="mr-1 tmp-mr-1" />,
				text: <>
					{getResolvedText(closingDate)} If you want to say something helpful, you can leave a {button}.{' '}
					<strong>Do not</strong> report issues here.
				</>,
			})}
		</TimelineItem>
	);
	newCommentBox.before(banner);
	newCommentBox.hidden = true;
}

function init(signal: AbortSignal): void | false {
	observe(