From c2a56a5ea3ebb2cc604ccce6e3d424852cb749ec Mon Sep 17 00:00:00 2001
From: Oleh Lustenko <olustenko@deloitte.com>
Date: Sat, 10 Sep 2022 08:27:54 +0300
Subject: [PATCH] fix(ui): proper display of total files

---
 main.ts                              | 6 +++---
 src/components/RenderPreviewFiles.ts | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/main.ts b/main.ts
index 7019bcf..2f01352 100644
--- a/main.ts
+++ b/main.ts
@@ -219,9 +219,9 @@ export class BulkRenameSettingsTab extends PluginSettingTab {
   }
 
   renderFilesAndPreview = () => {
-    this.filesAndPreview = new Setting(this.containerEl)
-      .setName('Files within the folder')
-      .setDesc(`Total Files: ${this.plugin.settings.fileNames.length}`);
+    this.filesAndPreview = new Setting(this.containerEl).setName(
+      'Files within the folder',
+    );
 
     this.filesAndPreview.controlEl.addClass('bulk_rename_preview');
     this.calculateFileNames();
diff --git a/src/components/RenderPreviewFiles.ts b/src/components/RenderPreviewFiles.ts
index 0d31151..819dc85 100644
--- a/src/components/RenderPreviewFiles.ts
+++ b/src/components/RenderPreviewFiles.ts
@@ -14,6 +14,7 @@ export const renderPreviewFiles = (
   let replacedPreviewTextArea: HTMLTextAreaElement;
 
   return setting
+    .setDesc(`Total Files: ${plugin.settings.fileNames.length}`)
     .clear()
     .addTextArea((text) => {
       text.setPlaceholder('Here you will see files under folder location');