1
0
silverbullet/packages/web/components/status_bar.tsx

20 lines
504 B
TypeScript
Raw Normal View History

2022-04-05 15:02:17 +00:00
import { EditorView } from "@codemirror/view";
2022-04-25 08:33:38 +00:00
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 (
2022-04-26 17:04:36 +00:00
<div id="status-bar">
2022-04-04 13:25:07 +00:00
<div className="inner">
{wordCount} words | {readingTime} min
</div>
</div>
);
}