1
0
silverbullet/packages/web/components/status_bar.tsx
Zef Hemel 76636dd9b1 Work
2022-04-26 19:04:36 +02:00

20 lines
504 B
TypeScript

import { EditorView } from "@codemirror/view";
import * as util from "../../common/util";
export function StatusBar({ editorView }: { editorView?: EditorView }) {
let wordCount = 0,
readingTime = 0;
if (editorView) {
let text = editorView.state.sliceDoc();
wordCount = util.countWords(text);
readingTime = util.readingTime(wordCount);
}
return (
<div id="status-bar">
<div className="inner">
{wordCount} words | {readingTime} min
</div>
</div>
);
}