basic search implementation

Jacky Zhao

2023-06-20 fd5c8d17d3b3cd0a13b0a21a2b78d85010e02e12

 quartz/components/ArticleTitle.tsx

@@ -1,11 +1,18 @@
import { QuartzComponentProps } from "./types"
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"

export default function ArticleTitle({ fileData }: QuartzComponentProps) {
function ArticleTitle({ fileData }: QuartzComponentProps) {
  const title = fileData.frontmatter?.title
  const displayTitle = fileData.slug === "index" ? undefined : title
  if (displayTitle) {
    return <h1>{displayTitle}</h1>
    return <h1 class="article-title">{displayTitle}</h1>
  } else {
    return null
  }
}
ArticleTitle.css = `
.article-title {
  margin: 2rem 0 0 0;
}
`

export default (() => ArticleTitle) satisfies QuartzComponentConstructor