fix: cycle card grid

This commit is contained in:
hamster1963
2024-12-03 15:04:13 +08:00
parent 20b4f47f63
commit 8811904133
2 changed files with 82 additions and 81 deletions

View File

@@ -14,32 +14,35 @@ export const CycleTransferStatsCard: React.FC<CycleTransferStatsProps> = ({
return (
<section className="grid grid-cols-1 md:grid-cols-2 gap-2 md:gap-4">
{Object.entries(cycleStats).map(([cycleId, cycleData]) => {
const serverStats = cycleData.server_name
? Object.entries(cycleData.server_name).map(
([serverId, serverName]) => ({
serverId,
serverName,
transfer: cycleData.transfer?.[serverId] || 0,
nextUpdate: cycleData.next_update?.[serverId],
})
)
: [];
if (!cycleData.server_name) {
return null;
}
if (serverStats.length === 0) {
return Object.entries(cycleData.server_name).map(([serverId, serverName]) => {
const transfer = cycleData.transfer?.[serverId] || 0;
const nextUpdate = cycleData.next_update?.[serverId];
if (!transfer && !nextUpdate) {
return null;
}
return (
<CycleTransferStatsClient
key={cycleId}
name={cycleData.name}
from={cycleData.from}
to={cycleData.to}
max={cycleData.max}
serverStats={serverStats}
className={className}
/>
);
return (
<CycleTransferStatsClient
key={`${cycleId}-${serverId}`}
name={cycleData.name}
from={cycleData.from}
to={cycleData.to}
max={cycleData.max}
serverStats={[{
serverId,
serverName,
transfer,
nextUpdate: nextUpdate || "",
}]}
className={className}
/>
);
});
})}
</section>
);