import type { Metadata } from "next"; import RodapeDoHelp from "../rodape"; import Voltar from "../voltar"; import Image from "next/image"; import Link from "next/link"; import { notFound } from "next/navigation"; import { DESENHOS, ROTULO_DO_NIVEL, leitor } from "@/lib/help"; /** * O índice de uma seção: todos os artigos daquele módulo. * * Serve para quem sabe o módulo mas não o artigo — o caso de quem travou numa * tela e veio pelo nome dela. */ export const revalidate = 60; type Props = { params: Promise<{ secao: string }> }; async function buscar(slug: string) { const db = leitor(); const { data: secao } = await db .from("help_sections") .select("id,slug,title,description,icon,color") .eq("slug", slug) .eq("active", true) .maybeSingle(); if (!secao) return null; const { data: artigos } = await db .from("help_articles") .select("id,slug,title,subtitle,level,position,updated_at") .eq("section_id", secao.id) .eq("status", "published") .order("position", { ascending: true }); return { secao, artigos: artigos ?? [] }; } export async function generateMetadata({ params }: Props): Promise { const { secao } = await params; const achado = await buscar(secao); if (!achado) return { title: "Seção não encontrada" }; return { title: `${achado.secao.title} · Centro de aprendizado`, description: achado.secao.description || undefined, }; } export default async function PaginaDaSecao({ params }: Props) { const { secao: slug } = await params; const achado = await buscar(slug); if (!achado) notFound(); const { secao, artigos } = achado; return (
Ktalogu Aprender
Abrir o sistema

{secao.title}

{secao.description ? (

{secao.description}

) : null}
{artigos.length === 0 ? (

Os artigos desta seção estão a caminho.

) : (
{artigos.map((a) => ( {ROTULO_DO_NIVEL[a.level] ?? "Começando"}

{a.title}

{a.subtitle || ""}

Ler ))}
)}
); }