style(webui): reduce repeated marketplace labels

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

View File

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

View File

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