svrjs/svrjs-nextjs-website
2
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

fix: make code blocks with no language consistent with code block with a language set

Browse source
This commit is contained in:
Dorian Niemiec 2024-09-22 07:19:41 +02:00
parent 172eb25fe8
commit cb4534e3b5
1 changed files with 5 additions and 7 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

12
app/(root)/blog/[slug]/page.tsx
View file

@ -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>
);