Jacky Zhao
2023-07-24 8fd75ffbfda30edd5a134a1fbf9b81ac3cebb2ff
quartz/components/ReadingTime.tsx
@@ -1,12 +1,15 @@
import { QuartzComponentProps } from "./types"
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
import readingTime from "reading-time"
export default function ReadingTime({ fileData }: QuartzComponentProps) {
function ReadingTime({ fileData }: QuartzComponentProps) {
  const text = fileData.text
  const isHomePage = fileData.slug === "index"
  if (text && !isHomePage) {
  if (text) {
    const { text: timeTaken, words } = readingTime(text)
    return <p class="reading-time">{words} words, {timeTaken}</p>
    return (
      <p class="reading-time">
        {words} words, {timeTaken}
      </p>
    )
  } else {
    return null
  }
@@ -15,6 +18,8 @@
ReadingTime.css = `
.reading-time {
  margin-top: 0;
  opacity: 0.5;
  color: var(--gray);
}
`
export default (() => ReadingTime) satisfies QuartzComponentConstructor