Function Problems

src/pages/problems/problems.js:9–193

()

import helpers from "utils/helpers";

export default function Problems() {
	const $page = Page(strings["problems"]);
	/**@type {EditorFile[]} */
	const files = editorManager.files;
	const $content = <div id="problems"></div>;

	files.forEach((file) => {
		if (file.type !== "editor") return;
		const annotations = collectAnnotations(file);
		if (!annotations.length) return;

		const title = `${file.name} (${annotations.length})`;
		$content.append(
			<details open="true" className="single-file">
				<summary>{title}</summary>
				<div className="problems">
					{annotations.map((annotation) => {
						const { type, text, row, column } = annotation;
						const icon = getIconForType(type);

						return (
							<div
								className="problem"
								data-action="goto"
								data-file-id={file.id}
								annotation={annotation}
							>
								<span className={`icon ${icon}`}></span>
								<span data-type={type} className="problem-message">
									{text}
								</span>
								<span className="problem-line">
									{row + 1}:{column + 1}
								</span>
							</div>
						);
					})}
				</div>
			</details>,
		);
	});

	$content.addEventListener("click", clickHandler);
	$page.body = $content;
	app.append($page);
	helpers.showAd();

	$page.onhide = function () {
		hideAd();
		actionStack.remove("problems");
	};

	actionStack.push({
		id: "problems",
		action: $page.hide,
	});

	/**