From 15fc591b832869206bc9c68da85c070fadb47f91 Mon Sep 17 00:00:00 2001
From: Moritz Jung <m.projects.code@gmail.com>
Date: Tue, 30 May 2023 17:31:45 +0200
Subject: [PATCH] hopefully fix #94

---
 src/api/apis/OMDbAPI.ts           |  2 +-
 src/modals/MediaDbPreviewModal.ts | 12 ++++++++----
 src/utils/MediaTypeManager.ts     |  2 +-
 styles.css                        |  6 ++++++
 4 files changed, 16 insertions(+), 6 deletions(-)

diff --git a/src/api/apis/OMDbAPI.ts b/src/api/apis/OMDbAPI.ts
index 3b7ca30..9876291 100644
--- a/src/api/apis/OMDbAPI.ts
+++ b/src/api/apis/OMDbAPI.ts
@@ -112,7 +112,7 @@ export class OMDbAPI extends APIModel {
 		}
 
 		const result = await fetchData.json();
-		console.debug(result);
+		// console.debug(result);
 
 		if (result.Response === 'False') {
 			throw Error(`MDB | Received error from ${this.apiName}: ${result.Error}`);
diff --git a/src/modals/MediaDbPreviewModal.ts b/src/modals/MediaDbPreviewModal.ts
index d9576c8..a3d0248 100644
--- a/src/modals/MediaDbPreviewModal.ts
+++ b/src/modals/MediaDbPreviewModal.ts
@@ -47,16 +47,20 @@ export class MediaDbPreviewModal extends Modal {
 
 		const previewWrapper = contentEl.createDiv({ cls: 'media-db-plugin-preview-wrapper' });
 
+		this.markdownComponent.load();
+
 		for (const result of this.elements) {
 			previewWrapper.createEl('h3', { text: result.englishTitle });
-			const fileDiv = previewWrapper.createDiv();
+			const fileDiv = previewWrapper.createDiv({ cls: 'media-db-plugin-preview'});
 
 			let fileContent = await this.plugin.generateMediaDbNoteContents(result, this.createNoteOptions);
 			fileContent = `\n${fileContent}\n`;
 
-			this.markdownComponent.load();
-
-			MarkdownRenderer.renderMarkdown(fileContent, fileDiv, null, this.markdownComponent);
+			try {
+				await MarkdownRenderer.renderMarkdown(fileContent, fileDiv, "", this.markdownComponent);
+			} catch (e) {
+				console.warn(`mdb | error during rendering of preview`, e);
+			}
 		}
 
 		contentEl.createDiv({ cls: 'media-db-plugin-spacer' });
diff --git a/src/utils/MediaTypeManager.ts b/src/utils/MediaTypeManager.ts
index 05bc4a3..58a07ef 100644
--- a/src/utils/MediaTypeManager.ts
+++ b/src/utils/MediaTypeManager.ts
@@ -78,7 +78,7 @@ export class MediaTypeManager {
 		if (!folderPath) {
 			folderPath = `/`;
 		}
-		console.log(folderPath);
+		// console.log(folderPath);
 
 		if (!(await app.vault.adapter.exists(folderPath))) {
 			await app.vault.createFolder(folderPath);
diff --git a/styles.css b/styles.css
index 15cdeae..6d4bb8d 100644
--- a/styles.css
+++ b/styles.css
@@ -117,4 +117,10 @@ small.media-db-plugin-list-text {
 	/*outline: 1px solid white;*/
 }
 
+.media-db-plugin-preview {
+	border-radius: var(--modal-radius);
+	border: var(--modal-border-width) solid var(--modal-border-color);
+	padding: var(--size-4-4);
+}
+
 /* endregion */