Run prettier

components/ui/codeblock.tsx

@@ -1,83 +1,83 @@
-"use client";
-import { useCopyToClipboard } from "@/lib/hooks/use-copy-to-cliipboard";
-import { Check, Clipboard, Download } from "lucide-react";
-import { FC, memo } from "react";
-import { Prism as SyntaxHighlighter } from "react-syntax-highlighter";
-import { coldarkDark } from "react-syntax-highlighter/dist/cjs/styles/prism";
+'use client'
+import { useCopyToClipboard } from '@/lib/hooks/use-copy-to-cliipboard'
+import { Check, Clipboard, Download } from 'lucide-react'
+import { FC, memo } from 'react'
+import { Prism as SyntaxHighlighter } from 'react-syntax-highlighter'
+import { coldarkDark } from 'react-syntax-highlighter/dist/cjs/styles/prism'
 
 interface Props {
-  language: string;
-  value: string;
+  language: string
+  value: string
 }
 
 interface languageMap {
-  [key: string]: string | undefined;
+  [key: string]: string | undefined
 }
 
 export const programmingLanguages: languageMap = {
-  javascript: ".js",
-  python: ".py",
-  java: ".java",
-  c: ".c",
-  cpp: ".cpp",
-  "c++": ".cpp",
-  "c#": ".cs",
-  ruby: ".rb",
-  php: ".php",
-  swift: ".swift",
-  "objective-c": ".m",
-  kotlin: ".kt",
-  typescript: ".ts",
-  go: ".go",
-  perl: ".pl",
-  rust: ".rs",
-  scala: ".scala",
-  haskell: ".hs",
-  lua: ".lua",
-  shell: ".sh",
-  sql: ".sql",
-  html: ".html",
-  css: ".css",
+  javascript: '.js',
+  python: '.py',
+  java: '.java',
+  c: '.c',
+  cpp: '.cpp',
+  'c++': '.cpp',
+  'c#': '.cs',
+  ruby: '.rb',
+  php: '.php',
+  swift: '.swift',
+  'objective-c': '.m',
+  kotlin: '.kt',
+  typescript: '.ts',
+  go: '.go',
+  perl: '.pl',
+  rust: '.rs',
+  scala: '.scala',
+  haskell: '.hs',
+  lua: '.lua',
+  shell: '.sh',
+  sql: '.sql',
+  html: '.html',
+  css: '.css'
   // add more file extensions here, make sure the key is same as language prop in CodeBlock.tsx component
-};
+}
 
 export const generateRandomString = (length: number, lowercase = false) => {
-  const chars = "ABCDEFGHJKLMNPQRSTUVWXY3456789"; // excluding similar looking characters like Z, 2, I, 1, O, 0
-  let result = "";
+  const chars = 'ABCDEFGHJKLMNPQRSTUVWXY3456789' // excluding similar looking characters like Z, 2, I, 1, O, 0
+  let result = ''
   for (let i = 0; i < length; i++) {
-    result += chars.charAt(Math.floor(Math.random() * chars.length));
+    result += chars.charAt(Math.floor(Math.random() * chars.length))
   }
-  return lowercase ? result.toLowerCase() : result;
-};
+  return lowercase ? result.toLowerCase() : result
+}
 const CodeBlock: FC<Props> = memo(({ language, value }) => {
-  const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2000 });
+  const { isCopied, copyToClipboard } = useCopyToClipboard({ timeout: 2000 })
   const downloadAsFile = () => {
-    if (typeof window === "undefined") {
-      return;
+    if (typeof window === 'undefined') {
+      return
     }
-    const fileExtension = programmingLanguages[language] || ".file";
+    const fileExtension = programmingLanguages[language] || '.file'
     const suggestedFileName = `file-${generateRandomString(
       3,
       true
-    )}${fileExtension}`;
-    const fileName = window.prompt("Enter file name" || "", suggestedFileName);
+    )}${fileExtension}`
+    const fileName = window.prompt('Enter file name' || '', suggestedFileName)
 
     if (!fileName) {
       // user pressed cancel on prompt
-      return;
+      return
     }
 
-    const blob = new Blob([value], { type: "text/plain" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.download = fileName;
-    link.href = url;
-    link.style.display = "none";
-    document.body.appendChild(link);
-    link.click();
-    document.body.removeChild(link);
-    URL.revokeObjectURL(url);
-  };
+    const blob = new Blob([value], { type: 'text/plain' })
+    const url = URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.download = fileName
+    link.href = url
+    link.style.display = 'none'
+    document.body.appendChild(link)
+    link.click()
+    document.body.removeChild(link)
+    URL.revokeObjectURL(url)
+  }
   return (
     <div className="codeblock relative w-full font-sans text-[16px]">
       <div className="flex w-full items-center justify-between px-4 py-1.5">
@@ -90,7 +90,7 @@ const CodeBlock: FC<Props> = memo(({ language, value }) => {
             onClick={() => copyToClipboard(value)}
           >
             {isCopied ? <Check size={18} /> : <Clipboard size={18} />}
-            {isCopied ? "Copied!" : "Copy code"}
+            {isCopied ? 'Copied!' : 'Copy code'}
           </button>
           <button
             type="button"
@@ -107,21 +107,21 @@ const CodeBlock: FC<Props> = memo(({ language, value }) => {
         style={coldarkDark}
         customStyle={{
           margin: 0,
-          width: "100%",
-          background: "transparent",
+          width: '100%',
+          background: 'transparent'
         }}
         codeTagProps={{
           style: {
-            fontSize: "0.9rem",
-            fontFamily: "var(--font-mono)",
-          },
+            fontSize: '0.9rem',
+            fontFamily: 'var(--font-mono)'
+          }
         }}
       >
         {value}
       </SyntaxHighlighter>
     </div>
-  );
-});
-CodeBlock.displayName = "CodeBlock";
+  )
+})
+CodeBlock.displayName = 'CodeBlock'
 
-export default CodeBlock;
+export default CodeBlock