diff --git a/web/src/components/MemoContent/index.tsx b/web/src/components/MemoContent/index.tsx index 764bf9cb..f0518b23 100644 --- a/web/src/components/MemoContent/index.tsx +++ b/web/src/components/MemoContent/index.tsx @@ -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) => { } }; + let prevNode: Node | null = null; + let skipNextLineBreakFlag = false; + return ( = (props: Props) => { className="w-full max-w-full word-break text-base leading-6 space-y-1" onClick={handleMemoContentClick} > - {nodes.map((node, index) => ( - - ))} + {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 ; + })}