in src/components/graphs/MemorySpecs/storageEngineMetrics.tsx [449:520]
export function LevelDBStats({
totalSize,
stats,
className,
}: LevelDBStatsProps) {
const totalFiles = stats.reduce((sum, stat) => sum + stat.Files, 0);
const totalSizeMB = stats.reduce((sum, stat) => sum + stat["Size(MB)"], 0);
return (
<div className={`space-y-4 ${className}`}>
<Card className="w-full">
<CardHeader className="flex flex-row items-center justify-between space-y-0 pb-2">
<CardTitle className="text-2xl font-bold">
LevelDB Statistics
</CardTitle>
<Database className="h-6 w-6 text-muted-foreground" />
</CardHeader>
<CardContent>
<div className="grid grid-cols-1 md:grid-cols-3 gap-4">
<StatsCard
title="Total Size"
value={totalSize}
description="Overall database size"
/>
<StatsCard
title="Total Files"
value={totalFiles.toString()}
description="Number of SSTable files"
/>
<StatsCard
title="Total Size (MB)"
value={`${totalSizeMB.toFixed(2)} MB`}
description="Sum of all level sizes"
/>
</div>
</CardContent>
</Card>
<Card className="w-full">
<CardHeader>
<CardTitle>Level DB Stats</CardTitle>
</CardHeader>
<CardContent>
<Table>
<TableHeader>
<TableRow>
<TableHead>Level</TableHead>
<TableHead>Files</TableHead>
<TableHead>Size (MB)</TableHead>
<TableHead>Time (sec)</TableHead>
<TableHead>Read (MB)</TableHead>
<TableHead>Write (MB)</TableHead>
</TableRow>
</TableHeader>
<TableBody>
{stats.map((stat) => (
<TableRow>
<TableCell>{stat.Level}</TableCell>
<TableCell>{stat.Files}</TableCell>
<TableCell>{stat["Size(MB)"]}</TableCell>
<TableCell>{stat["Time(sec)"]}</TableCell>
<TableCell>{stat["Read(MB)"]}</TableCell>
<TableCell>{stat["Write(MB)"]}</TableCell>
</TableRow>
))}
</TableBody>
</Table>
</CardContent>
</Card>
</div>
);
}