Method renderList

src/quickAddSettingsTab.ts:466–493

()

		};

		const renderList = (): void => {
			listEl.empty();
			const paths = getPaths();
			if (paths.length === 0) {
				listEl.createDiv({
					cls: "qa-template-folder-empty",
					text: "No folders added yet.",
				});
				return;
			}
			for (const folder of paths) {
				const row = listEl.createDiv("qa-template-folder-row");
				// title gives desktop a hover tooltip for paths truncated by ellipsis;
				// on mobile (no hover) the path wraps instead — see styles.css.
				row.createSpan({
					cls: "qa-template-folder-name",
					text: folder,
					attr: { title: folder },
				});
				new ExtraButtonComponent(row)
					.setIcon("trash-2")
					.setTooltip(`Remove ${folder}`)
					.onClick(() => {
						setPaths(getPaths().filter((f) => f !== folder));
						renderList();
					});
			}
		};

		const inputRow = container.createDiv("qa-template-folder-input-row");
		const input = new TextComponent(inputRow);