Aktuelles: vrstici rubrik kot na ONE (brez Alle, brez horoskopa in Auf diesen Tag), dodani Wetter in Finanzen

This commit is contained in:
FOLX Bot 2026-08-16 20:46:57 +02:00
parent 32f7738ee8
commit 78ef1848dc
3 changed files with 32 additions and 16 deletions

View File

@ -21,7 +21,8 @@ interface Res {
rubriken: string[];
}
const RUBRIKEN = ["Politik", "Promis", "Sport", "Musik & Film"];
const ROW1 = ["Politik", "Promis", "Sport", "Musik & Film"];
const ROW2 = ["Wetter", "Finanzen"];
export default function AktuellesPage() {
const search = useSearch();
@ -64,19 +65,10 @@ export default function AktuellesPage() {
<Header />
<PageSideAds />
{/* Vrstica rubrik kot na ONE — brez horoskopa, ta ima na folx.tv svojo stran */}
<nav className="border-y border-card-border bg-card" data-testid="nav-aktuelles-rubriken">
<div className="max-w-7xl mx-auto grid grid-cols-3 sm:grid-cols-5">
<button
onClick={() => go("")}
className={`px-3 py-3 text-[13px] sm:text-sm font-bold uppercase tracking-wide text-center border-r border-b border-card-border transition-colors ${
!rubrik ? "bg-primary text-primary-foreground" : "text-foreground/80 hover:text-primary"
}`}
data-testid="link-rubrik-alle"
>
Alle
</button>
{RUBRIKEN.map((r) => (
{/* Vrstici rubrik kot na ONE - brez horoskopa in brez Auf diesen Tag */}
<nav className="border-t border-card-border bg-card" data-testid="nav-aktuelles-rubriken">
<div className="max-w-7xl mx-auto grid grid-cols-2 sm:grid-cols-4">
{ROW1.map((r) => (
<button
key={r}
onClick={() => go(r)}
@ -90,6 +82,30 @@ export default function AktuellesPage() {
))}
</div>
</nav>
<nav className="border-b border-card-border bg-card" data-testid="nav-aktuelles-rubriken-2">
<div className="max-w-7xl mx-auto grid grid-cols-3">
{ROW2.map((r) => (
<button
key={r}
onClick={() => go(r)}
className={`px-3 py-3 text-[13px] sm:text-sm font-bold uppercase tracking-wide text-center border-r border-card-border transition-colors ${
rubrik === r ? "bg-primary text-primary-foreground" : "text-foreground/80 hover:text-primary"
}`}
data-testid={`link-rubrik-${r.toLowerCase()}`}
>
{r}
</button>
))}
<Link href="/ueber-uns">
<span
className="block px-3 py-3 text-[13px] sm:text-sm font-bold uppercase tracking-wide text-center text-foreground/80 hover:text-primary transition-colors cursor-pointer"
data-testid="link-rubrik-ueber-uns"
>
Über uns
</span>
</Link>
</div>
</nav>
<main className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-4">
<TopBannerAd />

View File

@ -720,7 +720,7 @@ export default function Home() {
const articles = useMemo(
() =>
(allArticles || []).filter(
(a) => !["Aktuelles", "Politik", "Promis", "Sport", "Musik & Film"].includes(a.category)
(a) => !["Aktuelles", "Politik", "Promis", "Sport", "Musik & Film", "Wetter", "Finanzen"].includes(a.category)
),
[allArticles]
);

View File

@ -182,7 +182,7 @@ export async function registerRoutes(
// Rubrike, ki skupaj sestavljajo /aktuelles. Horoskop, recepti in vreme so
// na folx.tv svoje strani, zato jih tu ni.
const AKTUELLES_RUBRIKEN = ["Politik", "Promis", "Sport", "Musik & Film"];
const AKTUELLES_RUBRIKEN = ["Politik", "Promis", "Sport", "Musik & Film", "Wetter", "Finanzen"];
app.get("/api/articles/aktuelles", async (req, res) => {
try {