Jacky Zhao
2023-06-07 dde36fa5589a362b60b7b72eb7793a3f133e159c
quartz/components/Header.tsx
@@ -1,14 +1,20 @@
import { resolveToRoot } from "../path"
import Darkmode from "./Darkmode"
import style from './styles/header.scss'
export interface HeaderProps {
  title: string
  slug: string
}
export default function({ title, slug }: HeaderProps) {
export default function Header({ title, slug }: HeaderProps) {
  const baseDir = resolveToRoot(slug)
  return <header>
    <h1><a href={baseDir}>{title}</a></h1>
    <div class="spacer"></div>
    <Darkmode />
  </header>
}
Header.beforeDOMLoaded = Darkmode.beforeDOMLoaded
Header.css = style + Darkmode.css