feat(layout): bring back pageHeader --> beforeBody

This commit is contained in:
vanadium23 2024-12-02 12:27:18 +03:00
parent cfcce875a9
commit e525f859c3
7 changed files with 14 additions and 14 deletions

View File

@ -16,7 +16,7 @@ export const sharedPageComponents: SharedLayout = {
// components for pages that display a single page (e.g. a single note)
export const defaultContentPageLayout: PageLayout = {
pageHeader: [
beforeBody: [
Component.Breadcrumbs(),
Component.ArticleTitle(),
Component.ContentMeta(),
@ -38,7 +38,7 @@ export const defaultContentPageLayout: PageLayout = {
// components for pages that display lists of pages (e.g. tags or folders)
export const defaultListPageLayout: PageLayout = {
pageHeader: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
beforeBody: [Component.Breadcrumbs(), Component.ArticleTitle(), Component.ContentMeta()],
left: [
Component.PageTitle(),
Component.MobileOnly(Component.Spacer()),

View File

@ -85,7 +85,7 @@ export interface QuartzConfig {
export interface FullPageLayout {
head: QuartzComponent
header: QuartzComponent[]
pageHeader: QuartzComponent[]
beforeBody: QuartzComponent[]
pageBody: QuartzComponent
afterBody: QuartzComponent[]
left: QuartzComponent[]
@ -93,5 +93,5 @@ export interface FullPageLayout {
footer: QuartzComponent
}
export type PageLayout = Pick<FullPageLayout, "pageHeader" | "left" | "right">
export type PageLayout = Pick<FullPageLayout, "beforeBody" | "left" | "right">
export type SharedLayout = Pick<FullPageLayout, "head" | "header" | "footer" | "afterBody">

View File

@ -12,7 +12,7 @@ import { i18n } from "../i18n"
interface RenderComponents {
head: QuartzComponent
header: QuartzComponent[]
pageHeader: QuartzComponent[]
beforeBody: QuartzComponent[]
pageBody: QuartzComponent
afterBody: QuartzComponent[]
left: QuartzComponent[]
@ -191,7 +191,7 @@ export function renderPage(
const {
head: Head,
header,
pageHeader,
beforeBody,
pageBody: Content,
afterBody,
left,
@ -233,7 +233,7 @@ export function renderPage(
<section class="center">
<div class="page-header">
<div class="popover-hint">
{pageHeader.map((BodyComponent) => (
{beforeBody.map((BodyComponent) => (
<BodyComponent {...componentData} />
))}
</div>

View File

@ -15,7 +15,7 @@ export const NotFoundPage: QuartzEmitterPlugin = () => {
const opts: FullPageLayout = {
...sharedPageComponents,
pageBody: NotFound(),
pageHeader: [],
beforeBody: [],
left: [],
right: [],
}

View File

@ -59,7 +59,7 @@ export const ContentPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOp
...userOpts,
}
const { head: Head, header, pageHeader, pageBody, afterBody, left, right, footer: Footer } = opts
const { head: Head, header, beforeBody, pageBody, afterBody, left, right, footer: Footer } = opts
const Header = HeaderConstructor()
const Body = BodyConstructor()
@ -71,7 +71,7 @@ export const ContentPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOp
Header,
Body,
...header,
...pageHeader,
...beforeBody,
pageBody,
...afterBody,
...left,

View File

@ -33,7 +33,7 @@ export const FolderPage: QuartzEmitterPlugin<Partial<FolderPageOptions>> = (user
...userOpts,
}
const { head: Head, header, pageHeader, pageBody, afterBody, left, right, footer: Footer } = opts
const { head: Head, header, beforeBody, pageBody, afterBody, left, right, footer: Footer } = opts
const Header = HeaderConstructor()
const Body = BodyConstructor()
@ -45,7 +45,7 @@ export const FolderPage: QuartzEmitterPlugin<Partial<FolderPageOptions>> = (user
Header,
Body,
...header,
...pageHeader,
...beforeBody,
pageBody,
...afterBody,
...left,

View File

@ -30,7 +30,7 @@ export const TagPage: QuartzEmitterPlugin<Partial<TagPageOptions>> = (userOpts)
...userOpts,
}
const { head: Head, header, pageHeader, pageBody, afterBody, left, right, footer: Footer } = opts
const { head: Head, header, beforeBody, pageBody, afterBody, left, right, footer: Footer } = opts
const Header = HeaderConstructor()
const Body = BodyConstructor()
@ -42,7 +42,7 @@ export const TagPage: QuartzEmitterPlugin<Partial<TagPageOptions>> = (userOpts)
Header,
Body,
...header,
...pageHeader,
...beforeBody,
pageBody,
...afterBody,
...left,