Add missing navigation button icons (#2144)

- Adds navigation button icons to the workflow details and org settings
This commit is contained in:
Henry Wilkinson 2024-11-12 11:43:37 -05:00 committed by GitHub
parent c35dc7dd3e
commit d1dbbbe53c
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
2 changed files with 22 additions and 0 deletions

View File

@ -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>
`;

View File

@ -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>
`;