alamion_obsidian-jira-sync/src/modals/IssueCommentModal.ts

import {App, Modal, Notice, Setting} from "obsidian";
import {useTranslations} from "../localization/translator";

const t = useTranslations("modals.comment").t;

/**
 * Modal for adding a comment to a Jira issue.
 * Pre-populated with any text that was selected in the editor when the command was invoked.
 */
export class IssueCommentModal extends Modal {
	private onSubmit: (commentText: string) => void;
	private commentText: string;

	constructor(app: App, initialText: string, onSubmit: (commentText: string) => void) {
		super(app);
		this.commentText = initialText;
		this.onSubmit = onSubmit;
	}

	onOpen() {
		new Setting(this.contentEl).setName(t("name")).setHeading();

		new Setting(this.contentEl)
			.setName(t("body.name"))
			.addTextArea((text) => {
				text
					.setValue(this.commentText)
					.onChange((value) => {
						this.commentText = value;
					});
				text.inputEl.rows = 10;
				text.inputEl.style.width = "100%";
			});

		new Setting(this.contentEl)
			.addButton((btn) =>
				btn
					.setButtonText(t("submit"))
					.setCta()
					.onClick(() => {
						if (!this.commentText.trim()) {
							new Notice(t("warns.empty"));
							return;
						}
						this.close();
						this.onSubmit(this.commentText);
					})
			);
	}
}