GitHub/kill-the-news
1
0
Fork 0
mirror of https://github.com/juherr/kill-the-news.git synced 2026-06-20 22:03:48 +00:00
Code Issues Packages Projects Releases Wiki Activity

refactor(home): dedupe byte formatting in storage cards

Browse Source 
Co-Authored-By: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
Julien Herr
2026-05-23 17:39:55 +02:00
parent f150d40c45
commit 2de09b2a5d
1 changed files with 14 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/routes/home.tsx
+14 -6
View File
@@ -50,6 +50,10 @@ function tierPercent(used: number, total: number): number {
return Math.round((used / total) * 100);
}
function formatBytesOrDash(bytes?: number): string {
return bytes === undefined ? "—" : formatBytes(bytes);
}
type Tone = "success" | "danger";
type StatProps = {
@@ -90,10 +94,14 @@ export async function handle(c: Context<{ Bindings: Env }>): Promise<Response> {
? (stats.emails_received / stats.feeds_created).toFixed(1)
: "—";
const kvBytes = stats.kv_bytes_estimated;
const kvPercent = tierPercent(kvBytes ?? 0, KV_FREE_TIER_BYTES);
const r2Bytes = stats.attachments_bytes;
const r2Percent = tierPercent(r2Bytes ?? 0, R2_FREE_TIER_BYTES);
const kvPercent = tierPercent(
stats.kv_bytes_estimated ?? 0,
KV_FREE_TIER_BYTES,
);
const r2Percent = tierPercent(
stats.attachments_bytes ?? 0,
R2_FREE_TIER_BYTES,
);
return c.html(
<Layout title="Status" label="status">
@@ -184,7 +192,7 @@ export async function handle(c: Context<{ Bindings: Env }>): Promise<Response> {
<div class="stats-grid">
<Stat
label="KV space used (est.)"
value={kvBytes === undefined ? "—" : formatBytes(kvBytes)}
value={formatBytesOrDash(stats.kv_bytes_estimated)}
title={`${kvPercent}% of 1 GB free tier — estimate`}
tone={kvPercent >= 80 ? "danger" : undefined}
/>
@@ -196,7 +204,7 @@ export async function handle(c: Context<{ Bindings: Env }>): Promise<Response> {
/>
<Stat
label="R2 space used"
value={r2Bytes === undefined ? "—" : formatBytes(r2Bytes)}
value={formatBytesOrDash(stats.attachments_bytes)}
title={`${r2Percent}% of 10 GB free tier`}
tone={r2Percent >= 80 ? "danger" : undefined}
/>