Files
wagtailcms-frontend/app/layout.tsx
T

50 lines
1.9 KiB
TypeScript

import type { Metadata } from "next";
import { draftMode } from "next/headers";
import "./globals.css";
import Header from "@/components/layout/Header";
import Footer from "@/components/layout/Footer";
import CookieConsent from "@/components/layout/CookieConsent";
import ReactQueryProvider from "@/providers/react-query-provider";
import { getSiteSettings } from "@/services/site-settings.service";
import SiteChrome from "@/components/layout/SiteChrome";
// 面向中国大陆用户,避免依赖 next/font/google(构建期需访问 Google 服务器)。
// 生产环境建议自托管思源黑体 / HarmonyOS Sans 子集,这里先用系统字体栈占位。
export async function generateMetadata(): Promise<Metadata> {
const settings = await getSiteSettings();
const companyName = settings?.company_name || "企业官网";
return {
title: { default: companyName, template: `%s | ${companyName}` },
description: `${companyName}的产品、解决方案与技术服务`,
};
}
export default async function RootLayout({ children }: LayoutProps<"/">) {
const { isEnabled: isPreview } = await draftMode();
return (
<html lang="zh-hans" className="h-full antialiased">
<body className="min-h-full flex flex-col font-sans">
<ReactQueryProvider>
{isPreview && (
<div className="flex items-center justify-center gap-4 bg-amber-400 px-4 py-2 text-sm font-medium text-amber-950">
<span>预览模式:当前显示的是未发布的草稿内容</span>
<a
href="/preview/disable"
className="underline underline-offset-2"
>
退出预览
</a>
</div>
)}
<SiteChrome><Header /></SiteChrome>
<main className="flex-1">{children}</main>
<SiteChrome><Footer /></SiteChrome>
<CookieConsent />
</ReactQueryProvider>
</body>
</html>
);
}