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