p-sw/pswui
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: make highlight work in LoadedCode

Browse Source
This commit is contained in:
p-sw 2024-06-02 08:49:41 +09:00
parent 2d051be06b
commit 8a39615ca9
1 changed files with 4 additions and 4 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
packages/react/src/components/LoadedCode.tsx
View File

@ -18,10 +18,10 @@ export const LoadedCode = forwardRef<HTMLPreElement, { from: string }>(
})(); })();
}, [from]); }, [from]);
const ref = useRef<HTMLElement | null>(null); const ref = useRef<HTMLPreElement | null>(null);
useEffect(() => { useEffect(() => {
if (ref.current && !ref.current.dataset.highlighted) { if (state && ref.current && !ref.current.dataset.highlighted) {
hljs.highlightElement(ref.current); hljs.highlightElement(ref.current);
} }
}, [state]); }, [state]);
@ -31,7 +31,7 @@ export const LoadedCode = forwardRef<HTMLPreElement, { from: string }>(
className={`relative hljs w-full h-64 rounded-lg ${ className={`relative hljs w-full h-64 rounded-lg ${
!state ? "animate-pulse" : "" !state ? "animate-pulse" : ""
}`} }`}
ref={outRef} ref={ref}
> >
<Button <Button
preset="default" preset="default"
@ -58,7 +58,7 @@ export const LoadedCode = forwardRef<HTMLPreElement, { from: string }>(
/> />
</svg> </svg>
</Button> </Button>
<code className="language-tsx" ref={ref}> <code className="language-tsx" ref={outRef}>
{state ?? null} {state ?? null}
</code> </code>
</pre> </pre>