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

fix(LoadedCode): add forwardRef on LoadedCode

Browse Source
This commit is contained in:
p-sw 2024-07-12 02:08:02 +09:00
parent f92be39455
commit c60a277826
1 changed files with 10 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
src/components/LoadedCode.tsx
View File

@ -18,15 +18,10 @@ export const GITHUB_STORY = (componentName: string, storyName: string) =>
export type TEMPLATE = Record<string, Record<string, string | boolean>>; export type TEMPLATE = Record<string, Record<string, string | boolean>>;
export const LoadedCode = ({ export const LoadedCode = forwardRef<
from, HTMLDivElement,
className, { from: string; className?: string; template?: TEMPLATE }
template, >(({ from, className, template }, ref) => {
}: {
from: string;
className?: string;
template?: TEMPLATE;
}) => {
const [state, setState] = useState<string | undefined | null>(); const [state, setState] = useState<string | undefined | null>();
const { toast } = useToast(); const { toast } = useToast();
@ -66,7 +61,10 @@ export const LoadedCode = ({
}, [state, template]); }, [state, template]);
return ( return (
<div className={twMerge("relative", className)}> <div
className={twMerge("relative", className)}
ref={ref}
>
<Button <Button
preset="default" preset="default"
size="icon" size="icon"
@ -111,7 +109,8 @@ export const LoadedCode = ({
</SyntaxHighlighter> </SyntaxHighlighter>
</div> </div>
); );
}; });
LoadedCode.displayName = "LoadedCode";
export const Code = forwardRef< export const Code = forwardRef<
HTMLDivElement, HTMLDivElement,