From 91f364ebdf88a5f682b418ee3a52046579408ed8 Mon Sep 17 00:00:00 2001
From: "Zaid Arshad (Nico)" <nico.03727+github@gmail.com>
Date: Mon, 22 Jan 2024 02:53:44 -0500
Subject: [PATCH] feat: remove codeblock

---
 src/components/blog/CodeBlock.tsx     | 18 ------------------
 src/components/blog/MDXComponents.tsx |  2 --
 2 files changed, 20 deletions(-)
 delete mode 100644 src/components/blog/CodeBlock.tsx

diff --git a/src/components/blog/CodeBlock.tsx b/src/components/blog/CodeBlock.tsx
deleted file mode 100644
index a7738ca..0000000
--- a/src/components/blog/CodeBlock.tsx
+++ /dev/null
@@ -1,18 +0,0 @@
-import Prism from "prismjs";
-import { useEffect } from "react";
-
-export default function CodeBlock(props: { code: string; language: string }) {
-    useEffect(() => {
-        Prism.highlightAll();
-    }, []);
-
-    return (
-        <div className="overflow-x-scroll md:overflow-x-auto rounded-md">
-            <div className="text-md whitespace-pre-wrap font-cascadia">
-                <pre className={props.language ?? "language-javascript"}>
-                    <code>{props.code}</code>
-                </pre>
-            </div>
-        </div>
-    );
-}
diff --git a/src/components/blog/MDXComponents.tsx b/src/components/blog/MDXComponents.tsx
index 370006e..90b82ff 100644
--- a/src/components/blog/MDXComponents.tsx
+++ b/src/components/blog/MDXComponents.tsx
@@ -1,4 +1,3 @@
-import CodeBlock from "./CodeBlock";
 import RegularBlock from "./RegularBlock";
 import XMailTable from "./Tables/XMailTable";
 import Statistic from "./Statistic";
@@ -54,7 +53,6 @@ const MDXComponents = {
     // biome-ignore lint/a11y/useAltText: <explanation>
     img: (props: { src: string }) => <img {...props} className="pt-8" />,
     XMailTable,
-    CodeBlock,
     RegularBlock,
 };