From 248dbd7700ba4ab80b98dfb634fc08593f3dd441 Mon Sep 17 00:00:00 2001
From: Aleix Soler <aleixsoler64@gmail.com>
Date: Sat, 19 Jul 2025 13:36:59 +0200
Subject: [PATCH] feat: add settings to change the file explorer icon position

---
 components/SettingsUI.tsx/UISettings.tsx       | 18 ++++++++++++++++++
 .../file-explorer-integration.tsx              | 16 ++++++++++++++++
 2 files changed, 34 insertions(+)

diff --git a/components/SettingsUI.tsx/UISettings.tsx b/components/SettingsUI.tsx/UISettings.tsx
index ceaf2a9..0918c3c 100644
--- a/components/SettingsUI.tsx/UISettings.tsx
+++ b/components/SettingsUI.tsx/UISettings.tsx
@@ -1,5 +1,6 @@
 import { PluginSettings } from "@/types/pluginSettings";
 import React from "react";
+import { Select } from "../atoms/Select";
 import { SettingItem } from "./SettingItem";
 
 export type Props = {
@@ -51,6 +52,23 @@ export const UISettings: React.FC<Props> = ({ settings, onChange }) => {
 				/>
 			</SettingItem>
 
+			<SettingItem
+				name="Status icon in file explorer position"
+				description="Change the position of the icon"
+			>
+				<Select
+					options={[
+						{ display: "Filename left", value: "file-name-left" },
+						{ display: "Filename right", value: "file-name-right" },
+						{ display: "Absolute right", value: "absolute-right" },
+					]}
+					defaultValue={settings.fileExplorerIconPosition}
+					onChange={(value) =>
+						onChange("fileExplorerIconPosition", value)
+					}
+				/>
+			</SettingItem>
+
 			<SettingItem
 				name="Hide unknown status in file explorer"
 				description="Hide status icons for files with unknown status in the file explorer"
diff --git a/integrations/file-explorer/file-explorer-integration.tsx b/integrations/file-explorer/file-explorer-integration.tsx
index 3bce7cd..edb00c2 100644
--- a/integrations/file-explorer/file-explorer-integration.tsx
+++ b/integrations/file-explorer/file-explorer-integration.tsx
@@ -42,6 +42,18 @@ export class FileExplorerIntegration implements IElementProcessor {
 			},
 			this.EVENT_SUBSCRIPTION_ID,
 		);
+
+		eventBus.subscribe(
+			"plugin-settings-changed",
+			({ key }) => {
+				if (key === "fileExplorerIconPosition") {
+					console.log("renreder");
+					this.destroy();
+					this.integrate().catch((r) => console.error(r));
+				}
+			},
+			"fileExplorerIntegrationSubscription2",
+		);
 	}
 
 	private getFileNoteStatusService(
@@ -137,6 +149,10 @@ export class FileExplorerIntegration implements IElementProcessor {
 			"frontmatter-manually-changed",
 			this.EVENT_SUBSCRIPTION_ID,
 		);
+		eventBus.unsubscribe(
+			"frontmatter-manually-changed",
+			"fileExplorerIntegrationSubscription2",
+		);
 	}
 
 	/**