fix: issue with icon color in icon in link live preview (#411)

FlorianWoelki · Mar 30, 2024 · 650da87 · 650da87
1 parent 2679926
commit 650da87
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/src/editor/live-preview/decorations/build-link-decorations.ts b/src/editor/live-preview/decorations/build-link-decorations.ts
@@ -36,7 +36,7 @@ export const buildLinkDecorations = (
 
               if (possibleIcon) {
                 const iconDecoration = Decoration.widget({
-                  widget: new IconInLinkWidget(plugin, possibleIcon),
+                  widget: new IconInLinkWidget(plugin, possibleIcon, file.path),
                 });
 
                 builder.add(node.from, node.from, iconDecoration);

diff --git a/src/editor/live-preview/widgets/icon-in-link.ts b/src/editor/live-preview/widgets/icon-in-link.ts
@@ -6,6 +6,7 @@ export class IconInLinkWidget extends WidgetType {
   constructor(
     public plugin: IconFolderPlugin,
     public iconData: Icon | string,
+    public path: string,
   ) {
     super();
   }
@@ -16,6 +17,9 @@ export class IconInLinkWidget extends WidgetType {
       typeof this.iconData === 'string'
         ? this.iconData
         : this.iconData.prefix + this.iconData.name;
+    iconNode.style.color =
+      this.plugin.getIconColor(this.path) ??
+      this.plugin.getSettings().iconColor;
     iconNode.setAttribute('title', iconName);
     iconNode.classList.add('iconize-icon-in-link');
 

diff --git a/src/main.ts b/src/main.ts
@@ -715,6 +715,10 @@ export default class IconFolderPlugin extends Plugin {
   getIconColor(path: string): string | undefined {
     const pathData = this.getData()[path];
 
+    if (!pathData) {
+      return undefined;
+    }
+
     if (typeof pathData === 'string') {
       return undefined;
     }