后台站点设计UIUX优化

frontend/components/SiteChrome.tsx

@@ -6,6 +6,7 @@ import Header from "@/components/Header";
 import Footer from "@/components/Footer";
 import BackToTop from "@/components/BackToTop";
 import type { User } from "@/lib/api";
+import { useSiteBrand } from "@/components/SiteBrandProvider";
 
 function pathIsAdmin(pathname: string | null) {
   if (!pathname) return false;
@@ -39,7 +40,6 @@ export default function SiteChrome({
   unread,
   chatUnread,
   theme,
-  siteName,
   allowRegister,
   children,
 }: {
@@ -48,7 +48,6 @@ export default function SiteChrome({
   unread: number;
   chatUnread: number;
   theme: "light" | "dark";
-  siteName: string;
   allowRegister: boolean;
   children: React.ReactNode;
 }) {
@@ -80,6 +79,8 @@ export default function SiteChrome({
     document.documentElement.dataset.j13Chrome = isAdmin ? "admin" : "site";
   }, [isAdmin]);
 
+  const brand = useSiteBrand();
+
   if (isAdmin) {
     return <>{children}</>;
   }
@@ -94,7 +95,14 @@ export default function SiteChrome({
         initialUnread={unread}
         initialChatUnread={chatUnread}
         initialTheme={theme}
-        siteName={siteName}
+        siteName={brand.site_name}
+        wordmark={brand.site_wordmark}
+        slogan={brand.site_slogan}
+        logoLight={brand.logo_light_url}
+        logoDark={brand.logo_dark_url}
+        brandMark={brand.brand_mark}
+        brandLogoSize={brand.brand_logo_size}
+        brandLogoFit={brand.brand_logo_fit}
         allowRegister={allowRegister}
       />
       <main
@@ -104,7 +112,7 @@ export default function SiteChrome({
       >
         {children}
       </main>
-      <Footer siteName={siteName} />
+      <Footer siteName={brand.site_name} links={brand.footer_links} />
       {showBackToTop ? (
         <BackToTop liftForMobileBar={pathIsPostDetail(pathname)} />
       ) : null}