Ethanfel/Comfyui-Nodes-Stats
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Use custom SVG icon directly in menu button

Browse Source 
Replace ComfyButton (which rendered as text) with a plain
button using our custom SVG icon, inserted at the same
menu position via app.menu.settingsGroup.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Ethanfel
2026-02-22 14:07:31 +01:00
parent 371cbb2bed
commit 20b88e27b7
1 changed files with 10 additions and 26 deletions
Download Patch File Download Diff File Expand all files Collapse all files

36
js/nodes_stats.js
View File

@@ -14,33 +14,17 @@ app.registerExtension({
name: "comfyui.nodes_stats",
async setup() {
try {
const { ComfyButton } = await import(
"../../scripts/ui/components/button.js"
);
const btn = new ComfyButton({
icon: "bar-chart-2",
content: "Node Stats",
tooltip: "Show node and package usage statistics",
action: () => showStatsDialog(),
classList: "comfyui-button comfyui-menu-mobile-collapse",
});
app.menu?.settingsGroup.element.before(btn.element);
} catch (e) {
console.log(
"[nodes-stats] New menu API unavailable, falling back to legacy menu",
e
);
const btn = document.createElement("button");
btn.innerHTML = STATS_ICON;
btn.title = "Node Stats";
btn.onclick = () => showStatsDialog();
btn.style.cssText =
"display:flex;align-items:center;justify-content:center;padding:6px;background:none;border:none;cursor:pointer;color:var(--input-text,#ddd);";
const btn = document.createElement("button");
btn.innerHTML = STATS_ICON;
btn.title = "Node Stats";
btn.className = "comfyui-button comfyui-menu-mobile-collapse";
btn.onclick = () => showStatsDialog();
btn.style.cssText =
"display:flex;align-items:center;justify-content:center;padding:6px;cursor:pointer;";
if (app.menu?.settingsGroup?.element) {
app.menu.settingsGroup.element.before(btn);
} else {
const menu = document.querySelector(".comfy-menu");
if (menu) {
menu.append(btn);