From d1dbbbe53c5b54140c0169797d1381279a6fcdac Mon Sep 17 00:00:00 2001
From: Henry Wilkinson <henry@wilkinson.graphics>
Date: Tue, 12 Nov 2024 11:43:37 -0500
Subject: [PATCH] Add missing navigation button icons (#2144)

- Adds navigation button icons to the workflow details and org settings
---
 frontend/src/pages/org/settings/settings.ts | 12 ++++++++++++
 frontend/src/pages/org/workflow-detail.ts   | 10 ++++++++++
 2 files changed, 22 insertions(+)

diff --git a/frontend/src/pages/org/settings/settings.ts b/frontend/src/pages/org/settings/settings.ts
index 9bae8a83..74a1ed0f 100644
--- a/frontend/src/pages/org/settings/settings.ts
+++ b/frontend/src/pages/org/settings/settings.ts
@@ -206,6 +206,18 @@ export class OrgSettings extends BtrixElement {
         @click=${this.navigate.link}
         aria-selected=${isActive}
       >
+        ${choose(name, [
+          [
+            "information",
+            () => html`<sl-icon name="info-circle-fill"></sl-icon>`,
+          ],
+          ["members", () => html`<sl-icon name="people-fill"></sl-icon>`],
+          ["billing", () => html`<sl-icon name="credit-card-fill"></sl-icon>`],
+          [
+            "crawling-defaults",
+            () => html`<sl-icon name="file-code-fill"></sl-icon>`,
+          ],
+        ])}
         ${this.tabLabels[name]}
       </btrix-navigation-button>
     `;
diff --git a/frontend/src/pages/org/workflow-detail.ts b/frontend/src/pages/org/workflow-detail.ts
index 81e52c07..4d2fc0e4 100644
--- a/frontend/src/pages/org/workflow-detail.ts
+++ b/frontend/src/pages/org/workflow-detail.ts
@@ -2,6 +2,7 @@ import { localized, msg, str } from "@lit/localize";
 import type { SlSelect } from "@shoelace-style/shoelace";
 import { type PropertyValues, type TemplateResult } from "lit";
 import { customElement, property, state } from "lit/decorators.js";
+import { choose } from "lit/directives/choose.js";
 import { ifDefined } from "lit/directives/if-defined.js";
 import { until } from "lit/directives/until.js";
 import { when } from "lit/directives/when.js";
@@ -566,6 +567,15 @@ export class WorkflowDetail extends LiteElement {
           if (disabled) e.preventDefault();
         }}
       >
+        ${choose(tabName, [
+          [
+            "crawls",
+            () => html`<sl-icon name="gear-wide-connected"></sl-icon>`,
+          ],
+          ["watch", () => html`<sl-icon name="eye-fill"></sl-icon>`],
+          ["logs", () => html`<sl-icon name="terminal-fill"></sl-icon>`],
+          ["settings", () => html`<sl-icon name="file-code-fill"></sl-icon>`],
+        ])}
         ${this.tabLabels[tabName]}
       </btrix-navigation-button>
     `;