| | |
|---|
| | | import { canonicalizeServer, pathToRoot } from "../path" |
|---|
| | | import { QuartzComponentConstructor, QuartzComponentProps } from "./types" |
|---|
| | | import { pathToRoot } from "../util/path" |
|---|
| | | import { QuartzComponent, QuartzComponentConstructor, QuartzComponentProps } from "./types" |
|---|
| | | import { classNames } from "../util/lang" |
|---|
| | | import { i18n } from "../i18n" |
|---|
| | | |
|---|
| | | function PageTitle({ fileData, cfg }: QuartzComponentProps) { |
|---|
| | | const title = cfg?.pageTitle ?? "Untitled Quartz" |
|---|
| | | const slug = canonicalizeServer(fileData.slug!) |
|---|
| | | const baseDir = pathToRoot(slug) |
|---|
| | | return <h1 class="page-title"><a href={baseDir}>{title}</a></h1> |
|---|
| | | const PageTitle: QuartzComponent = ({ fileData, cfg, displayClass }: QuartzComponentProps) => { |
|---|
| | | const title = cfg?.pageTitle ?? i18n(cfg.locale).propertyDefaults.title |
|---|
| | | const baseDir = pathToRoot(fileData.slug!) |
|---|
| | | return ( |
|---|
| | | <h2 class={classNames(displayClass, "page-title")}> |
|---|
| | | <a href={baseDir}>{title}</a> |
|---|
| | | </h2> |
|---|
| | | ) |
|---|
| | | } |
|---|
| | | |
|---|
| | | PageTitle.css = ` |
|---|
| | | .page-title { |
|---|
| | | font-size: 1.75rem; |
|---|
| | | margin: 0; |
|---|
| | | font-family: var(--titleFont); |
|---|
| | | } |
|---|
| | | ` |
|---|
| | | |
|---|
