From 049bc273517221a933ac37e15ea3cfbb85f9d0e7 Mon Sep 17 00:00:00 2001
From: WBHarry <williambjrklund@gmail.com>
Date: Mon, 18 Aug 2025 16:31:52 +0200
Subject: [PATCH] Replaced menu icon

---
 module/applications/sidebar/sidebar.mjs | 26 ++++++++++++++++++++++++-
 styles/less/ui/index.less               |  1 +
 styles/less/ui/sidebar/tabs.less        |  8 ++++++++
 templates/sidebar/tabs.hbs              | 18 +++++++++++++++++
 4 files changed, 52 insertions(+), 1 deletion(-)
 create mode 100644 styles/less/ui/sidebar/tabs.less
 create mode 100644 templates/sidebar/tabs.hbs

diff --git a/module/applications/sidebar/sidebar.mjs b/module/applications/sidebar/sidebar.mjs
index 2a25e02a..fad39ac5 100644
--- a/module/applications/sidebar/sidebar.mjs
+++ b/module/applications/sidebar/sidebar.mjs
@@ -1,9 +1,33 @@
 export default class DhSidebar extends Sidebar {
+    /** @override */
     static TABS = {
         ...super.TABS,
         daggerheartMenu: {
             tooltip: 'DAGGERHEART.UI.Sidebar.daggerheartMenu.title',
-            icon: 'fa-solid fa-bars'
+            img: 'systems/daggerheart/assets/logos/FoundryBorneLogoWhite.svg'
         }
     };
+
+    /** @override */
+    static PARTS = {
+        tabs: {
+            id: 'tabs',
+            template: 'systems/daggerheart/templates/sidebar/tabs.hbs'
+        }
+    };
+
+    /** @override */
+    async _prepareTabContext(context, options) {
+        context.tabs = Object.entries(this.constructor.TABS).reduce((obj, [k, v]) => {
+            let { documentName, gmOnly, tooltip, icon, img } = v;
+            if (gmOnly && !game.user.isGM) return obj;
+            if (documentName) {
+                tooltip ??= getDocumentClass(documentName).metadata.labelPlural;
+                icon ??= CONFIG[documentName]?.sidebarIcon;
+            }
+            obj[k] = { tooltip, icon, img };
+            obj[k].active = this.tabGroups.primary === k;
+            return obj;
+        }, {});
+    }
 }
diff --git a/styles/less/ui/index.less b/styles/less/ui/index.less
index 8fc41734..2b1411ec 100644
--- a/styles/less/ui/index.less
+++ b/styles/less/ui/index.less
@@ -23,4 +23,5 @@
 
 @import './settings/homebrew-settings/domains.less';
 
+@import './sidebar/tabs.less';
 @import './sidebar/daggerheartMenu.less';
diff --git a/styles/less/ui/sidebar/tabs.less b/styles/less/ui/sidebar/tabs.less
new file mode 100644
index 00000000..073d3ef3
--- /dev/null
+++ b/styles/less/ui/sidebar/tabs.less
@@ -0,0 +1,8 @@
+#interface #ui-right #sidebar {
+    menu li button {
+        img {
+            width: 22px;
+            max-width: unset;
+        }
+    }
+}
diff --git a/templates/sidebar/tabs.hbs b/templates/sidebar/tabs.hbs
new file mode 100644
index 00000000..9063ac5d
--- /dev/null
+++ b/templates/sidebar/tabs.hbs
@@ -0,0 +1,18 @@
+<nav class="tabs faded-ui" role="tablist" data-tooltip-direction="LEFT">
+    <menu class="flexcol">
+        {{#each tabs}}
+            <li>
+                <button type="button" class="ui-control plain icon {{#if icon}}{{icon}}{{/if}}" data-action="tab" data-tab="{{ @key }}"
+                        role="tab" aria-pressed="{{ active }}" data-group="primary" aria-label="{{ localize tooltip }}"
+                        aria-controls="{{ @key }}" data-tooltip>
+                    {{#if img}}<img src="{{img}}" />{{/if}}
+                </button>
+                <div class="notification-pip"></div>
+            </li>
+        {{/each}}
+        <li>
+            <button type="button" class="collapse ui-control plain icon fas fa-caret-left" data-tooltip
+                    aria-label="{{ localize "Expand" }}" data-action="toggleState"></button>
+        </li>
+    </menu>
+</nav>