From cb4534e3b5f45350840d24290f6cac4cb6b831fe Mon Sep 17 00:00:00 2001
From: Dorian Niemiec <dorian.niemiec@svrjs.org>
Date: Sun, 22 Sep 2024 07:19:41 +0200
Subject: [PATCH] fix: make code blocks with no language consistent with code
 block with a language set

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

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