feat: show catch freshness on spot details

2026-09-07 18:53:04 +07:00
parent f04dbabb3c
commit 24ee01b9c3
5 changed files with 29 additions and 4 deletions
@@ -0,0 +1,17 @@
+---
+import SourceBadge from "./SourceBadge.astro";
+import { ago, kg, type Catch } from "../lib/api";
+const { catches } = Astro.props as { catches: Catch[] };
+---
+<div class="catch-list">
+  {catches.map(item => {
+    const timestamp = item.caught_at ?? item.reported_at;
+    return <article>
+      <div><strong>{item.fish}</strong><span>{item.bait ?? "Приманка не указана"}</span><SourceBadge source={item.source_system} href={item.source_url}/></div>
+      <div><strong>{kg(item.weight_g)}</strong><span>{item.player_name ?? "Анонимно"}</span><time datetime={timestamp} title={new Date(timestamp).toLocaleString("ru-RU")}>{ago(timestamp)}</time></div>
+    </article>;
+  })}
+</div>
+<style>
+  time{margin-top:7px;color:#496357;font-size:10px;font-weight:750}
+</style>