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

fix: add className prop in LoadedCode to accept hidden class of TabContent

Browse Source
This commit is contained in:
p-sw 2024-06-03 14:08:10 +09:00
parent dc2c02a41b
commit 59d6e9aaa0
1 changed files with 58 additions and 55 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -2,11 +2,14 @@ import { useRef, useEffect, useState, forwardRef } from "react";
import hljs from "highlight.js";
import { Button } from "@components/Button";
import { useToast } from "@components/Toast";
import { twMerge } from "tailwind-merge";
export const GITHUB = "https://raw.githubusercontent.com/p-sw/ui/main";
export const LoadedCode = forwardRef<HTMLPreElement, { from: string }>(
({ from }, outRef) => {
export const LoadedCode = forwardRef<
HTMLPreElement,
{ from: string; className?: string }
>(({ from, className }, outRef) => {
const [state, setState] = useState<string | undefined | null>();
const { toast } = useToast();
@ -29,9 +32,10 @@ export const LoadedCode = forwardRef<HTMLPreElement, { from: string }>(
return (
<pre
className={`relative hljs w-full h-64 rounded-lg ${
!state ? "animate-pulse" : ""
}`}
className={twMerge(
`relative hljs w-full h-64 rounded-lg ${!state ? "animate-pulse" : ""}`,
className
)}
ref={ref}
>
<Button
@ -64,5 +68,4 @@ export const LoadedCode = forwardRef<HTMLPreElement, { from: string }>(
</code>
</pre>
);
}
);
});