feat(11-01): replace tender-radar placeholder with real results UI (GREEN)

Replaces the Phase 10 module stub with a Master-Container page.tsx
(Suspense-wrapped for useSearchParams, Next 16 App Router) rendering
CoverageBanner + FilterPanel + ResultsList.

- ResultsList: URL-param-driven fetch via listTenders(), sortable
  Frist/Wert/Veröffentlicht column headers, "keine Wertangabe" for
  estimatedValue=null rows (D-05), pagination.
- FilterPanel: Freitext (q), Sortierung, "nur noch offene" toggle
  (openOnly, default on), Abgabefrist von/bis date inputs — param names
  match the TenderQueryDto field names 1:1 for the Plan 11-06
  Saved-Search serialization contract.
- CoverageBanner: German coverage hint shown while GET /coverage
  reports only the doe-opendata source (D-12, UI-05).

All strings hardcoded German (i18n = Phase 14). Plain fetch throughout,
no TanStack Query (not installed, per RESEARCH Open Question 4).

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>
This commit is contained in:
2026-07-21 15:54:51 +02:00
parent b55bb55c0e
commit ee2c40863e
4 changed files with 407 additions and 14 deletions
@@ -1,31 +1,53 @@
'use client';
import { Suspense } from 'react';
import { CoverageBanner } from './components/CoverageBanner';
import { FilterPanel } from './components/FilterPanel';
import { ResultsList } from './components/ResultsList';
/**
* Ausschreibungs-Radar module page within the portal.
*
* MVP stub (Plan 10-02, CONFIG-01): proves the activation -> page-load
* path (marketplace seed -> module-loader whitelist -> lazy-loaded
* page). Real results UI (search, filters, tender list) lands in
* Phase 11.
* Replaces the Phase 10 placeholder (CONFIG-01 MVP stub) with the real
* Trefferliste (Plan 11-01): CoverageBanner explains data coverage,
* FilterPanel writes filter/sort state into the URL, ResultsList reads it
* and renders the ~1671 existing DÖE tenders.
*
* Intentional hardcoded German string: full i18n (next-intl message
* keys) is CONFIG-03, planned for Phase 14. Do not add a translation
* key for this stub yet — replace this whole component in Phase 11.
* `useSearchParams()` (used by FilterPanel/ResultsList) requires a
* Suspense boundary per the Next.js App Router contract — wrapped here
* even though this component is loaded via `dynamic(..., { ssr: false })`
* (module-loader.ts), per the plan's explicit Next 16 guidance.
*
* Intentional hardcoded German strings: full i18n (next-intl message
* keys) is CONFIG-03, planned for Phase 14 (Research Open Question 3,
* RESOLVED).
*/
export default function TenderRadarPage() {
function TenderRadarContent() {
return (
<div className="mx-auto max-w-2xl space-y-6 p-6">
<div className="mx-auto max-w-5xl space-y-6 p-6">
<div>
<h1 className="text-2xl font-bold tracking-tight">
Ausschreibungs-Radar
</h1>
</div>
<div className="rounded-lg border border-border bg-card p-6 shadow-sm">
<p className="text-sm text-muted-foreground">
Ausschreibungen werden erfasst.
</p>
</div>
<CoverageBanner />
<FilterPanel />
<ResultsList />
</div>
);
}
export default function TenderRadarPage() {
return (
<Suspense
fallback={
<div className="mx-auto max-w-5xl space-y-6 p-6">
<p className="text-sm text-muted-foreground">Lädt…</p>
</div>
}
>
<TenderRadarContent />
</Suspense>
);
}