2 Commits

Author SHA1 Message Date
5857404ac1 fix(blog): merge defaultJSXConverters to prevent 'unknown node' on standard Lexical nodes
Some checks failed
Build & Deploy / 🔍 Prepare (push) Successful in 7s
Build & Deploy / 🏗️ Build (push) Failing after 20m40s
Build & Deploy / 🚀 Deploy (push) Has been skipped
Build & Deploy / 🧪 QA (push) Has been skipped
Build & Deploy / 🧪 Post-Deploy Verification (push) Has been skipped
Build & Deploy / 🔔 Notify (push) Successful in 1s
2026-03-05 22:53:19 +01:00
34a96f8aef fix(blog): resolve IconList string collision rendering 'Check' text
All checks were successful
Build & Deploy / 🔍 Prepare (push) Successful in 7s
Build & Deploy / 🏗️ Build (push) Successful in 16m0s
Build & Deploy / 🚀 Deploy (push) Successful in 13s
Build & Deploy / 🧪 QA (push) Successful in 1m9s
Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 2m34s
Build & Deploy / 🔔 Notify (push) Successful in 2s
2026-03-05 21:50:05 +01:00

View File

@@ -1,4 +1,7 @@
import { RichText } from "@payloadcms/richtext-lexical/react"; import {
RichText,
defaultJSXConverters,
} from "@payloadcms/richtext-lexical/react";
import type { JSXConverters } from "@payloadcms/richtext-lexical/react"; import type { JSXConverters } from "@payloadcms/richtext-lexical/react";
import { MemeCard } from "@/src/components/MemeCard"; import { MemeCard } from "@/src/components/MemeCard";
import { Mermaid } from "@/src/components/Mermaid"; import { Mermaid } from "@/src/components/Mermaid";
@@ -40,6 +43,7 @@ function renderInlineMarkdown(text: string): React.ReactNode {
} }
const jsxConverters: JSXConverters = { const jsxConverters: JSXConverters = {
...defaultJSXConverters,
blocks: { blocks: {
memeCard: ({ node }: any) => ( memeCard: ({ node }: any) => (
<div className="my-8"> <div className="my-8">
@@ -179,12 +183,22 @@ const jsxConverters: JSXConverters = {
), ),
iconList: ({ node }: any) => ( iconList: ({ node }: any) => (
<mdxComponents.IconList> <mdxComponents.IconList>
{node.fields.items?.map((item: any, i: number) => ( {node.fields.items?.map((item: any, i: number) => {
// @ts-ignore const isCheck = item.icon === "check" || !item.icon;
<mdxComponents.IconListItem key={i} icon={item.icon || "check"}> const isCross = item.icon === "x" || item.icon === "cross";
{item.title || item.description} const isBullet = item.icon === "circle" || item.icon === "bullet";
</mdxComponents.IconListItem> return (
))} // @ts-ignore
<mdxComponents.IconListItem
key={i}
check={isCheck}
cross={isCross}
bullet={isBullet}
>
{item.title || item.description}
</mdxComponents.IconListItem>
);
})}
</mdxComponents.IconList> </mdxComponents.IconList>
), ),
statsGrid: ({ node }: any) => { statsGrid: ({ node }: any) => {