YourSelfHosted/memos
1
0
Fork 0
mirror of https://github.com/usememos/memos.git synced 2025-02-15 02:40:53 +01:00
Code Issues Packages Projects Releases Wiki Activity

chore: update line break renderer

Browse Source
This commit is contained in:
Steven 2024-01-05 09:18:37 +08:00
parent f563b58a85
commit d2a9aaa9d4
1 changed files with 14 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
web/src/components/MemoContent/index.tsx
View File

@ -1,7 +1,7 @@
import { useRef } from "react";
import useCurrentUser from "@/hooks/useCurrentUser";
import { useMemoStore } from "@/store/v1";
import { Node } from "@/types/proto/api/v2/markdown_service";
import { Node, NodeType } from "@/types/proto/api/v2/markdown_service";
import Renderer from "./Renderer";
import { RendererContext } from "./types";
@ -26,6 +26,9 @@ const MemoContent: React.FC<Props> = (props: Props) => {
}
};
let prevNode: Node | null = null;
let skipNextLineBreakFlag = false;
return (
<RendererContext.Provider
value={{
@ -40,9 +43,16 @@ const MemoContent: React.FC<Props> = (props: Props) => {
className="w-full max-w-full word-break text-base leading-6 space-y-1"
onClick={handleMemoContentClick}
>
{nodes.map((node, index) => (
<Renderer key={`${node.type}-${index}`} index={String(index)} node={node} />
))}
{nodes.map((node, index) => {
if (prevNode?.type !== NodeType.LINE_BREAK && node.type === NodeType.LINE_BREAK && skipNextLineBreakFlag) {
skipNextLineBreakFlag = false;
return null;
}
prevNode = node;
skipNextLineBreakFlag = true;
return <Renderer key={`${node.type}-${index}`} index={String(index)} node={node} />;
})}
</div>
</div>
</RendererContext.Provider>