fix: copy to clipboard on codeblock + added asm support

kujo205 · Apr 18, 2024 · feb52cf · feb52cf
1 parent 913a5f4
commit feb52cf
Show file tree

Hide file tree

Showing 2 changed files with 4 additions and 1 deletion.
diff --git a/src/components/mdPreview/components/Pre.tsx b/src/components/mdPreview/components/Pre.tsx
@@ -7,13 +7,15 @@ import { useCopyToClipboard } from "@/hooks/useCopyToClipboard";
 type PreChildren = {
   props: {
     className: string;
+    children: string;
   };
 };
 
 const Pre: React.FC<
   DetailedHTMLProps<HTMLAttributes<HTMLPreElement>, HTMLPreElement>
 > = ({ children, ...props }) => {
   const lang = (children as PreChildren).props.className.split("-")[1];
+  const preContent = (children as PreChildren).props.children;
 
   const { copy } = useCopyToClipboard();
 
@@ -25,7 +27,7 @@ const Pre: React.FC<
         </span>
         <Button
           className="bg-transparent opacity-75 hover:bg-transparent hover:opacity-100"
-          onClick={() => copy("children", "Text copied to clipboard")}
+          onClick={() => copy(preContent, "Text copied to clipboard")}
         >
           <CopyIcon />
         </Button>

diff --git a/src/providers/PrismJsProvider.tsx b/src/providers/PrismJsProvider.tsx
@@ -6,6 +6,7 @@ import "prismjs/components/prism-typescript";
 import "prismjs/components/prism-javascript";
 import "prismjs/components/prism-css";
 import "prismjs/components/prism-jsx";
+import "prismjs/components/prism-asm6502";
 import "prismjs/components/prism-bash";
 import { usePathname, useSearchParams } from "next/navigation";