From 172eb25fe86026b29a184116e7773e5c0706daf6 Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Sun, 22 Sep 2024 07:02:19 +0200
Subject: [PATCH] fix: don't load Prism if no language is specified for a code
 block

---
 app/(root)/blog/[slug]/page.tsx | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/app/(root)/blog/[slug]/page.tsx b/app/(root)/blog/[slug]/page.tsx
index 12ee559..9507025 100644
--- a/app/(root)/blog/[slug]/page.tsx
+++ b/app/(root)/blog/[slug]/page.tsx
@@ -123,21 +123,23 @@ const customPortableTextComponents: PortableTextComponents = {
       );
     },
     code: ({ value }) => {
-      const language = value.language || "javascript";
+      const language = value.language;
       const grammar = Prism.languages[language];
 
-      if (!grammar) {
+      if (language && !grammar) {
         console.error(`No grammar found for language: "${language}"`);
       }
 
       return (
         <div className="relative my-8">
           <pre
-            className={`language-${language} p-4 rounded-md overflow-x-auto text-sm`}
+            className={`${language ? "language-" + language + " " : ""}p-4 rounded-md overflow-x-auto text-sm`}
           >
-            <code className={`language-${language}`}>{value.code}</code>
+            <code className={language ? "language-" + language : ""}>
+              {value.code}
+            </code>
           </pre>
-          <PrismLoader />
+          {language ? <PrismLoader /> : ""}
           <CopyButton code={value.code} />
         </div>
       );