feat: add subtle fish silhouettes

2026-09-07 17:08:11 +07:00
parent 0a27c55da7
commit 6d88ba030f
7 changed files with 17 additions and 3 deletions
@@ -3,6 +3,7 @@ import type { Activity } from "../lib/api";
 import { activityLevel, ago, kg, plural, spotPath } from "../lib/api";
 import FishingIcon from "./FishingIcon.astro";
 import DataPassport from "./DataPassport.astro";
+import FishSilhouette from "./FishSilhouette.astro";
 const { item } = Astro.props as { item: Activity };
 const level = activityLevel(item.activity_score);
 const limited = item.catches < 3;
@@ -12,6 +13,7 @@ const limited = item.catches < 3;
  <div class="spot-main">
    <div class="spot-topline"><span>{item.waterbody}</span><span class="activity-pill" data-activity-level={level.short}><i></i>{level.short}</span>{limited && <span class="data-quality">Данных мало</span>}</div>
    <h3>{item.fish}</h3>
+    <FishSilhouette name={item.fish}/>
    <div class="spot-meta"><span><FishingIcon name="pin" size={14}/> {item.x}:{item.y}</span><span><FishingIcon name="clock" size={14}/> {ago(item.last_confirmed_at)}</span></div>
    <p class="data-note">{item.explanation}</p>
    <DataPassport sources={item.sources} observedAt={item.last_confirmed_at} completeness={limited ? 75 : 100} confidence={item.confidence_score}/>