From 789ef401c944774e88ef3315d188b92865b78f13 Mon Sep 17 00:00:00 2001
From: Nathan-CSE <nathan.nguyen.au@gmail.com>
Date: Wed, 7 May 2025 21:32:50 +1000
Subject: [PATCH] changed setting structure

---
 main.ts | 64 +++++++++++++++++++++++++--------------------------------
 1 file changed, 28 insertions(+), 36 deletions(-)

diff --git a/main.ts b/main.ts
index d57a588..036fd87 100644
--- a/main.ts
+++ b/main.ts
@@ -68,42 +68,34 @@ class GridBackgroundSettingTab extends PluginSettingTab {
 
     const gridSizeSetting = new Setting(containerEl)
       .setName('Grid Size')
-      .setDesc('Spacing between grid lines (in px)');
-
-    const gridSizeSlider = gridSizeSetting.addSlider(sliderValue =>
-      sliderValue
-        .setInstant(true)
-        .setValue(this.plugin.settings.gridSize)
-        .setLimits(20, 100, 1)
-        .onChange(async (value) => {
-          this.plugin.settings.gridSize = value || 20;
-          (gridSizeText.components[0] as TextComponent).setValue(value.toString());
-          await this.plugin.saveSettings();
-        })
-    );
-
-    const gridSizeText = gridSizeSetting.addText(text =>
-      text
-        .setPlaceholder('e.g. 20')
-        .setValue(this.plugin.settings.gridSize.toString())
-        .onChange(async (value) => {
-          this.plugin.settings.gridSize = parseInt(value) || 20;
-          (gridSizeText.components[0] as TextComponent).setValue(value.toString());
-          await this.plugin.saveSettings();
-        })
-    );
-
-    gridSizeSetting.addButton(button =>
-      button
-        .setButtonText('Reset')
-        .setCta()
-        .onClick(async () => {
-          this.plugin.settings.gridSize = DEFAULT_SETTINGS.gridSize;
-          (gridSizeText.components[0] as TextComponent).setValue(this.plugin.settings.gridSize.toString());
-          (gridSizeSlider.components[0] as SliderComponent).setValue(this.plugin.settings.gridSize);
-          await this.plugin.saveSettings();
-        })
-    );
+      .setDesc('Spacing between grid lines (in px)')
+      .addSlider(sliderValue =>
+        sliderValue
+          .setInstant(true)
+          .setValue(this.plugin.settings.gridSize)
+          .setLimits(20, 100, 1)
+          .onChange(async (value) => {
+            this.plugin.settings.gridSize = value || 20;
+            await this.plugin.saveSettings();
+          }))
+      .addText(text =>
+        text
+          .setPlaceholder('e.g. 20')
+          .setValue(this.plugin.settings.gridSize.toString())
+          .onChange(async (value) => {
+            this.plugin.settings.gridSize = parseInt(value) || 20;
+            await this.plugin.saveSettings();
+          })
+      )
+      .addButton(button =>
+        button
+          .setButtonText('Reset')
+          .setCta()
+          .onClick(async () => {
+            this.plugin.settings.gridSize = DEFAULT_SETTINGS.gridSize;
+            await this.plugin.saveSettings();
+          })
+      );
 
     new Setting(containerEl)
       .setName('Grid Colour')