quartz-research-note/quartz/components/ReadingTime.tsx

22 lines
520 B
TypeScript
Raw Normal View History

2023-06-12 06:46:38 +00:00
import { QuartzComponentConstructor, QuartzComponentProps } from "./types"
2023-06-10 06:06:02 +00:00
import readingTime from "reading-time"
2023-06-12 06:46:38 +00:00
function ReadingTime({ fileData }: QuartzComponentProps) {
2023-06-10 06:06:02 +00:00
const text = fileData.text
if (text) {
2023-06-10 06:06:02 +00:00
const { text: timeTaken, words } = readingTime(text)
return <p class="reading-time">{words} words, {timeTaken}</p>
} else {
return null
}
}
ReadingTime.css = `
.reading-time {
margin-top: 0;
opacity: 0.5;
}
`
2023-06-12 06:46:38 +00:00
export default (() => ReadingTime) satisfies QuartzComponentConstructor