| | |
|---|
| | | import { resolveToRoot } from "../path" |
|---|
| | | import { pathToRoot } from "../util/path" |
|---|
| | | import { QuartzComponentConstructor, QuartzComponentProps } from "./types" |
|---|
| | | import { classNames } from "../util/lang" |
|---|
| | | import { i18n } from "../i18n" |
|---|
| | | |
|---|
| | | function PageTitle({ cfg, fileData }: QuartzComponentProps) { |
|---|
| | | const title = cfg.siteTitle |
|---|
| | | const slug = fileData.slug! |
|---|
| | | const baseDir = resolveToRoot(slug) |
|---|
| | | return <h1><a href={baseDir}>{title}</a></h1> |
|---|
| | | function PageTitle({ fileData, cfg, displayClass }: QuartzComponentProps) { |
|---|
| | | const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title |
|---|
| | | const baseDir = pathToRoot(fileData.slug!) |
|---|
| | | return ( |
|---|
| | | <h1 class={classNames(displayClass, "page-title")}> |
|---|
| | | <a href={baseDir}>{title}</a> |
|---|
| | | </h1> |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | |
|---|
| | | PageTitle.css = ` |
|---|
| | | .page-title { |
|---|
| | | margin: 0; |
|---|
| | | } |
|---|
| | | ` |
|---|
| | | |
|---|
| | | export default (() => PageTitle) satisfies QuartzComponentConstructor |
|---|
