21 lines
2.3 KiB
Plaintext
21 lines
2.3 KiB
Plaintext
---
|
||
import EntityMedia from "../components/EntityMedia.astro";
|
||
import PageHero from "../components/PageHero.astro";
|
||
import StatePanel from "../components/StatePanel.astro";
|
||
import Layout from "../layouts/Layout.astro";
|
||
import { api, type MediaAsset } from "../lib/api";
|
||
const allowed = new Set(["fish", "waterbody", "tackle", "reference"]);
|
||
const requested = Astro.url.searchParams.get("type") ?? "fish";
|
||
const type = allowed.has(requested) ? requested : "fish";
|
||
let assets: MediaAsset[] = [], unavailable = false;
|
||
try { assets = await api<MediaAsset[]>(`/api/v1/media/catalog?entity_type=${type}`); } catch { unavailable = true; }
|
||
const labels: Record<string,string> = {fish:"Рыбы",waterbody:"Водоёмы",tackle:"Снасти и приманки",reference:"Справочные материалы"};
|
||
---
|
||
<Layout title={`${labels[type]} RF4 — медиатека RF4 Spotter`} description="Изображения рыб, водоёмов и снастей Russian Fishing 4 с обязательной атрибуцией каждого источника.">
|
||
<PageHero eyebrow="Визуальный справочник" title="Медиатека" description="Собранные материалы RF4 с источником у каждого изображения. Каталог пополняется по мере импорта и проверки." variant="fish" count={assets.length} />
|
||
<section class="media-library content-grid">
|
||
<nav class="media-library__intro" aria-label="Разделы медиатеки"><strong>{labels[type]} · {assets.length}</strong><span><a href="/media?type=fish">Рыбы</a> · <a href="/media?type=waterbody">Водоёмы</a> · <a href="/media?type=tackle">Снасти</a> · <a href="/media?type=reference">Справка</a></span></nav>
|
||
{unavailable ? <StatePanel tone="unavailable" title="Медиатека временно недоступна" /> : assets.length ? <div class="media-library__grid">{assets.map(asset => <article class="media-library__card"><EntityMedia asset={asset} sourceLink /><h2>{asset.label ?? "Без подписи"}</h2><span>{labels[asset.entity_type]}</span></article>)}</div> : <StatePanel title="В этом разделе пока нет изображений" description="Материалы появятся после следующего импорта." />}
|
||
</section>
|
||
</Layout>
|