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:
@@ -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>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user