import Navbar from "@/components/Navbar";
import Footer from "@/components/Footer";
import pool, { initDB } from "@/lib/db";
import { DEFAULT_ABOUT } from "@/lib/aboutContent";
import type { AboutContent } from "@/lib/aboutContent";
import AProposClient from "./AProposClient";

export const dynamic = "force-dynamic";

async function getAboutContent(): Promise<AboutContent> {
  try {
    await initDB();
    const { rows } = await pool.query("SELECT value FROM app_config WHERE key = 'about_content'");
    return rows.length ? { ...DEFAULT_ABOUT, ...rows[0].value } : DEFAULT_ABOUT;
  } catch {
    return DEFAULT_ABOUT;
  }
}

export default async function AProposPage() {
  const content = await getAboutContent();

  return (
    <>
      <Navbar />
      <AProposClient content={content} />
      <Footer />
    </>
  );
}