Ryan/docmost-ryan
1
0
Fork 0
mirror of https://github.com/Shadowfita/docmost.git synced 2025-11-12 15:52:32 +10:00
Code Issues Packages Projects Releases Wiki Activity

change math node attribute name

Browse Source
This commit is contained in:
Philipinho
2024-06-27 23:25:13 +01:00
parent bc7cd033f2
commit 52017b60ca
4 changed files with 26 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
apps/client/src/features/editor/components/math/math-block.tsx
View File

@ -36,8 +36,8 @@ export default function MathBlockView(props: NodeViewProps) {
};
useEffect(() => {
renderMath(node.attrs.katex, mathResultContainer.current);
}, [node.attrs.katex]);
renderMath(node.attrs.text, mathResultContainer.current);
}, [node.attrs.text]);
useEffect(() => {
if (isEditing) {
@ -48,14 +48,14 @@ export default function MathBlockView(props: NodeViewProps) {
useEffect(() => {
if (debouncedPreview !== null) {
queueMicrotask(() => {
updateAttributes({ katex: debouncedPreview });
updateAttributes({ text: debouncedPreview });
});
}
}, [debouncedPreview]);
useEffect(() => {
setIsEditing(!!props.selected);
if (props.selected) setPreview(node.attrs.katex);
if (props.selected) setPreview(node.attrs.text);
}, [props.selected]);
return (
@ -77,7 +77,7 @@ export default function MathBlockView(props: NodeViewProps) {
props.selected ? classes.selected : "",
error ? classes.error : "",
(isEditing && !preview?.trim().length) ||
(!isEditing && !node.attrs.katex.trim().length)
(!isEditing && !node.attrs.text.trim().length)
? classes.empty
: "",
].join(" ")}
@ -93,7 +93,7 @@ export default function MathBlockView(props: NodeViewProps) {
ref={mathResultContainer}
></div>
{((isEditing && !preview?.trim().length) ||
(!isEditing && !node.attrs.katex.trim().length)) && (
(!isEditing && !node.attrs.text.trim().length)) && (
<div>Empty equation</div>
)}
{error && <div>Invalid equation</div>}

12
apps/client/src/features/editor/components/math/math-inline.tsx
View File

@ -30,22 +30,22 @@ export default function MathInlineView(props: NodeViewProps) {
};
useEffect(() => {
renderMath(node.attrs.katex, mathResultContainer.current);
}, [node.attrs.katex]);
renderMath(node.attrs.text, mathResultContainer.current);
}, [node.attrs.text]);
useEffect(() => {
if (isEditing) {
renderMath(preview || "", mathPreviewContainer.current);
} else if (preview !== null) {
queueMicrotask(() => {
updateAttributes({ katex: preview });
updateAttributes({ text: preview });
});
}
}, [preview, isEditing]);
useEffect(() => {
setIsEditing(!!props.selected);
if (props.selected) setPreview(node.attrs.katex);
if (props.selected) setPreview(node.attrs.text);
}, [props.selected]);
return (
@ -69,7 +69,7 @@ export default function MathInlineView(props: NodeViewProps) {
props.selected ? classes.selected : "",
error ? classes.error : "",
(isEditing && !preview?.trim().length) ||
(!isEditing && !node.attrs.katex.trim().length)
(!isEditing && !node.attrs.text.trim().length)
? classes.empty
: "",
].join(" ")}
@ -83,7 +83,7 @@ export default function MathInlineView(props: NodeViewProps) {
ref={mathResultContainer}
></div>
{((isEditing && !preview?.trim().length) ||
(!isEditing && !node.attrs.katex.trim().length)) && (
(!isEditing && !node.attrs.text.trim().length)) && (
<div>Empty equation</div>
)}
{error && <div>Invalid equation</div>}