mirror/nanobot
1
0
Fork 0
mirror of https://github.com/HKUDS/nanobot.git synced 2026-08-07 01:48:53 +00:00
Code Issues Packages Projects Releases Wiki Activity

style(webui): reduce repeated marketplace labels

Browse Source
This commit is contained in:
Xubin Ren 2026-07-28 17:52:42 +08:00
parent e66eb204d0
commit 62b132b698
2 changed files with 3 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
webui/src/components/settings/SkillsMarketplace.tsx
View File

@ -504,7 +504,6 @@ function MarketplaceSkillRow({
</a> </a>
</div> </div>
<div className="mt-1 flex min-w-0 items-center gap-1.5 truncate text-[12px] text-muted-foreground"> <div className="mt-1 flex min-w-0 items-center gap-1.5 truncate text-[12px] text-muted-foreground">
<ProviderMark provider={skill.provider} compact />
{skill.source} {skill.source}
{skill.version ? <span>· v{skill.version}</span> : null} {skill.version ? <span>· v{skill.version}</span> : null}
<span>·</span> <span>·</span>
@ -572,18 +571,11 @@ function MarketplaceSkillRow({
function ProviderMark({ function ProviderMark({
provider, provider,
compact = false,
}: { }: {
provider: Exclude<MarketplaceProvider, "all">; provider: Exclude<MarketplaceProvider, "all">;
compact?: boolean;
}) { }) {
return ( return (
<span <span className="inline-flex shrink-0 items-center gap-1.5 text-[12px] font-medium text-foreground/75">
className={cn(
"inline-flex shrink-0 items-center gap-1.5 font-medium",
compact ? "text-[11px] text-muted-foreground" : "text-[12px] text-foreground/75",
)}
>
<ProviderDot provider={provider} /> <ProviderDot provider={provider} />
{providerLabel(provider)} {providerLabel(provider)}
</span> </span>

4
webui/src/tests/app-layout.test.tsx
View File

@ -714,8 +714,8 @@ describe("App layout", () => {
).toBeInTheDocument(); ).toBeInTheDocument();
expect(screen.getByText("find-skills")).toBeInTheDocument(); expect(screen.getByText("find-skills")).toBeInTheDocument();
expect(screen.getByText("ima-skills")).toBeInTheDocument(); expect(screen.getByText("ima-skills")).toBeInTheDocument();
expect(screen.getAllByText("SkillHub").length).toBeGreaterThan(0); expect(screen.getAllByText("SkillHub")).toHaveLength(2);
expect(screen.getAllByText("skills.sh").length).toBeGreaterThan(0); expect(screen.getAllByText("skills.sh")).toHaveLength(2);
expect(screen.getByText(/14,481 installs \/ 24h/)).toBeInTheDocument(); expect(screen.getByText(/14,481 installs \/ 24h/)).toBeInTheDocument();
expect( expect(
await screen.findByRole("img", { name: "8-week install trend" }), await screen.findByRole("img", { name: "8-week install trend" }),