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