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

View File

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

View File

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

View File

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

View File

@ -59,7 +59,7 @@ export const ContentPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOp
...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 Header = HeaderConstructor()
const Body = BodyConstructor() const Body = BodyConstructor()
@ -71,7 +71,7 @@ export const ContentPage: QuartzEmitterPlugin<Partial<FullPageLayout>> = (userOp
Header, Header,
Body, Body,
...header, ...header,
...pageHeader, ...beforeBody,
pageBody, pageBody,
...afterBody, ...afterBody,
...left, ...left,

View File

@ -33,7 +33,7 @@ export const FolderPage: QuartzEmitterPlugin<Partial<FolderPageOptions>> = (user
...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 Header = HeaderConstructor()
const Body = BodyConstructor() const Body = BodyConstructor()
@ -45,7 +45,7 @@ export const FolderPage: QuartzEmitterPlugin<Partial<FolderPageOptions>> = (user
Header, Header,
Body, Body,
...header, ...header,
...pageHeader, ...beforeBody,
pageBody, pageBody,
...afterBody, ...afterBody,
...left, ...left,

View File

@ -30,7 +30,7 @@ export const TagPage: QuartzEmitterPlugin<Partial<TagPageOptions>> = (userOpts)
...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 Header = HeaderConstructor()
const Body = BodyConstructor() const Body = BodyConstructor()
@ -42,7 +42,7 @@ export const TagPage: QuartzEmitterPlugin<Partial<TagPageOptions>> = (userOpts)
Header, Header,
Body, Body,
...header, ...header,
...pageHeader, ...beforeBody,
pageBody, pageBody,
...afterBody, ...afterBody,
...left, ...left,