Function generateSubmenu

source/features/quick-comment-hiding.tsx:14–63

(hideButton: Element)

] as const;

function generateSubmenu(hideButton: Element): void {
	if (closestElementOptional('.rgh-quick-comment-hiding-details', hideButton)) {
		// Already generated
		return;
	}

	const detailsElement = closestElement('details', hideButton);
	detailsElement.classList.add('rgh-quick-comment-hiding-details');

	const comment = closestElement('.unminimized-comment', hideButton);
	const hideCommentForm = $(formSelector, comment);

	// Generate dropdown
	const newForm = hideCommentForm.cloneNode();
	const fields = [...hideCommentForm.elements].map(field => field.cloneNode());
	newForm.append(<i hidden>{fields}</i>); // Add existing fields (comment ID, token)
	newForm.setAttribute('novalidate', 'true'); // Ignore the form's required attributes

	// Imitate existing menu, reset classes
	newForm.className = '';
	newForm.classList.add(
		'js-comment-minimize',
		'dropdown-menu',
		'dropdown-menu-sw',
		'color-fg-default',
		'show-more-popover',
		'anim-scale-in',
	);

	for (const reason of $$('option:not([value=""])', hideCommentForm.elements.classifier)) {
		newForm.append(
			<button
				type="submit"
				name="classifier"
				value={reason.value}
				className="dropdown-item btn-link"
				role="menuitem"
			>
				{reason.textContent}
			</button>,
		);
	}

	// Close immediately after the clicking option
	newForm.addEventListener('click', () => {
		detailsElement.open = false;
	});

	detailsElement.append(newForm);
}

// Shows menu on top of mainDropdownContent when "Hide" is clicked;
// Hide it when dropdown closes.