Massbug/judge4c
2
0
Fork 0
mirror of https://github.com/massbug/judge4c.git synced 2025-05-18 15:26:33 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

refactor(component): migrate code block with copy feature to a more reusable pre component

Browse Source
This commit is contained in:
cfngc4594 2025-03-07 11:34:17 +08:00
parent 58a25b8a9c
commit c0a876322c
1 changed files with 8 additions and 6 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
src/components/mdx/code-block-with-copy.tsx → src/components/content/pre.tsx
View File

@ -1,18 +1,20 @@
"use client";
import { cn } from "@/lib/utils";
import { useRef, useState } from "react";
import { Button } from "@/components/ui/button";
import { CheckIcon, CopyIcon } from "lucide-react";
import { ReactNode, useRef, useState } from "react";
interface CodeBlockWithCopyProps {
children: React.ReactNode;
interface PreProps {
children?: ReactNode,
className?: string;
}
export function CodeBlockWithCopy({
export function Pre({
children,
className,
...props
}: CodeBlockWithCopyProps) {
}: PreProps) {
const preRef = useRef<HTMLPreElement>(null);
const [copied, setCopied] = useState<boolean>(false);
const [hovered, setHovered] = useState<boolean>(false);
@ -65,7 +67,7 @@ export function CodeBlockWithCopy({
<CopyIcon size={16} aria-hidden="true" />
</div>
</Button>
<pre ref={preRef} {...props}>
<pre ref={preRef} className={className} {...props}>
{children}
</pre>
</div>