mirror of
https://github.com/Rain-kl/OpenFlare.git
synced 2026-10-04 23:16:37 +08:00
ryan
63cd906cfc
- Merge all files inside openflare-server to the repository root directory. - Relocate agent, relay, and flared subprojects from internal/ to internal/apps/. - Combine docker-compose files and update build context paths to root. - Update GitHub workflows and Dockerfiles to refer to new directories and package names. - Rewrite Go package imports across all files. - Resolve database renew test race condition and clean up docs.
45 lines
1.3 KiB
TypeScript
45 lines
1.3 KiB
TypeScript
'use client';
|
|
|
|
import {Progress} from '@/components/ui/progress';
|
|
|
|
import {formatCompactNumber} from '../../components/dashboard/dashboard-utils';
|
|
|
|
export function DistributionList({
|
|
items,
|
|
emptyMessage = '暂无分布数据',
|
|
}: {
|
|
items: Array<{ label: string; value: number }>;
|
|
emptyMessage?: string;
|
|
}) {
|
|
const sortedItems = [...items]
|
|
.sort((left, right) => right.value - left.value)
|
|
.slice(0, 8);
|
|
const maxValue = sortedItems[0]?.value ?? 0;
|
|
|
|
if (sortedItems.length === 0) {
|
|
return (
|
|
<div className="flex min-h-[180px] items-center justify-center text-xs text-muted-foreground">
|
|
{emptyMessage}
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div className="space-y-3">
|
|
{sortedItems.map((item) => {
|
|
const ratio = maxValue > 0 ? (item.value / maxValue) * 100 : 0;
|
|
return (
|
|
<div key={item.label} className="space-y-1.5">
|
|
<div className="flex items-center justify-between gap-3 text-xs">
|
|
<span className="truncate font-medium">{item.label || '未知'}</span>
|
|
<span className="shrink-0 font-mono tabular-nums text-muted-foreground">
|
|
{formatCompactNumber(item.value)}
|
|
</span>
|
|
</div>
|
|
<Progress value={ratio} className="h-1.5" />
|
|
</div>
|
|
);
|
|
})}
|
|
</div>
|
|
);
|
|
} |