fix(web): show only downloads in plugin browse listings (#2797)

* fix(web): show only downloads in plugin browse listings

Plugin list rows and cards on /plugins and the home Plugins tab no longer surface star counts.

* docs: add UI proof screenshots for plugin listing change
This commit is contained in:
Vyctor H. Brzezowski
2026-06-23 12:24:11 -07:00
committed by GitHub
parent e018269af6
commit b927db6340
4 changed files with 3 additions and 18 deletions
Binary file not shown.

After

Width:  |  Height:  |  Size: 893 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 424 KiB

+2 -10
View File
@@ -241,11 +241,7 @@ function HomeListingPluginRow({ plugin }: { plugin: PackageListItem }) {
{truncateText(plugin.summary || "Gateway plugin for OpenClaw workflows.", 80)}
</p>
</div>
<div className="home-v2-listing-row-stats" aria-label="Popularity">
<span>
<Star size={13} aria-hidden="true" />
{formatCompactStat(plugin.stats?.stars ?? 0)}
</span>
<div className="home-v2-listing-row-stats" aria-label="Downloads">
<span>
<Download size={13} aria-hidden="true" />
{formatCompactStat(plugin.stats?.downloads ?? 0)}
@@ -315,11 +311,7 @@ function HomeListingPluginCard({ plugin }: { plugin: PackageListItem }) {
<p className="home-v2-listing-card-summary">
{truncateText(plugin.summary || "Gateway plugin for OpenClaw workflows.", 80)}
</p>
<div className="home-v2-listing-card-stats" aria-label="Popularity">
<span>
<Star size={13} aria-hidden="true" />
{formatCompactStat(plugin.stats?.stars ?? 0)}
</span>
<div className="home-v2-listing-card-stats" aria-label="Downloads">
<span>
<Download size={13} aria-hidden="true" />
{formatCompactStat(plugin.stats?.downloads ?? 0)}
+1 -8
View File
@@ -1,6 +1,6 @@
import { Link } from "@tanstack/react-router";
import { isPluginCategorySlug, PLUGIN_CATEGORY_DEFINITIONS } from "clawhub-schema";
import { Download, Star } from "lucide-react";
import { Download } from "lucide-react";
import { BrowseCategoryIcon } from "../lib/browseCategoryIcons";
import { formatCompactStat } from "../lib/numberFormat";
import type { PackageListItem } from "../lib/packageApi";
@@ -41,7 +41,6 @@ function getPluginCategories(item: PackageListItem) {
export function PluginListItem({ item, variant = "list" }: PluginListItemProps) {
const downloads = formatCompactStat(item.stats?.downloads ?? 0);
const stars = formatCompactStat(item.stats?.stars ?? 0);
const taxonomy = getPluginTaxonomyDisplay(item);
const categories = getPluginCategories(item);
const primaryCategory = categories[0] ?? null;
@@ -78,9 +77,6 @@ export function PluginListItem({ item, variant = "list" }: PluginListItemProps)
<div className="skill-card-bottom-row">
<div className="skill-card-bottom-meta">
<div className="skill-list-item-meta plugin-card-meta">
<span className="skill-list-item-meta-item">
<Star size={14} aria-hidden="true" /> {stars}
</span>
<span className="skill-list-item-meta-item">
<Download size={14} aria-hidden="true" /> {downloads}
</span>
@@ -126,9 +122,6 @@ export function PluginListItem({ item, variant = "list" }: PluginListItemProps)
{categoryLabel ? <span className="skill-list-item-category">{categoryLabel}</span> : null}
</div>
<div className="skill-list-item-meta">
<span className="skill-list-item-meta-item">
<Star size={14} aria-hidden="true" /> {stars}
</span>
<span className="skill-list-item-meta-item">
<Download size={14} aria-hidden="true" /> {downloads}
</span>