1
0
silverbullet/packages/web/components/status_bar.tsx
2022-07-22 13:44:28 +02:00

20 lines
507 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="sb-status-bar">
<div className="inner">
{wordCount} words | {readingTime} min
</div>
</div>
);
}