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

fix: don't load Prism if no language is specified for a code block
Some checks failed
Deploy Next.js application / deploy (push) Has been cancelled
Details

Browse source
This commit is contained in:
Dorian Niemiec 2024-09-22 07:02:19 +02:00
parent f408ed6bc8
commit 172eb25fe8
1 changed files with 7 additions and 5 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,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>
);