71 lines
1.7 KiB
TypeScript
71 lines
1.7 KiB
TypeScript
import Link from "@/components/TempDesignSystem/Link"
|
|
|
|
import styles from "./textcols.module.css"
|
|
|
|
import type { EmbedByUid } from "@/types/components/jsontohtml"
|
|
import { RTEItemTypeEnum, RTETypeEnum } from "@/types/rte/enums"
|
|
import type {
|
|
RTEDefaultNode,
|
|
RTENext,
|
|
RTENode,
|
|
RTERegularNode,
|
|
} from "@/types/rte/node"
|
|
import type { RenderOptions } from "@/types/rte/option"
|
|
|
|
export const renderOptions: RenderOptions = {
|
|
[RTETypeEnum.p]: (
|
|
node: RTEDefaultNode,
|
|
embeds: EmbedByUid,
|
|
next: RTENext,
|
|
fullRenderOptions: RenderOptions
|
|
) => {
|
|
return (
|
|
<p key={node.uid} className={styles.p}>
|
|
{next(node.children, embeds, fullRenderOptions)}
|
|
</p>
|
|
)
|
|
},
|
|
[RTETypeEnum.a]: (
|
|
node: RTERegularNode,
|
|
embeds: EmbedByUid,
|
|
next: RTENext,
|
|
fullRenderOptions: RenderOptions
|
|
) => {
|
|
if (node.attrs.url) {
|
|
return (
|
|
<a
|
|
href={node.attrs.url}
|
|
target={node.attrs.target ?? "_blank"}
|
|
key={node.uid}
|
|
className={styles.a}
|
|
>
|
|
{next(node.children, embeds, fullRenderOptions)}
|
|
</a>
|
|
)
|
|
}
|
|
return null
|
|
},
|
|
[RTETypeEnum.reference]: (
|
|
node: RTENode,
|
|
embeds: EmbedByUid,
|
|
next: RTENext,
|
|
fullRenderOptions: RenderOptions
|
|
) => {
|
|
if ("attrs" in node) {
|
|
const type = node.attrs.type
|
|
if (type !== RTEItemTypeEnum.asset) {
|
|
const href = node.attrs?.locale
|
|
? `/${node.attrs.locale}${node.attrs.href}`
|
|
: node.attrs.href
|
|
return (
|
|
<Link href={href} key={node.uid} className={styles.a}>
|
|
{next(node.children, embeds, fullRenderOptions)}
|
|
</Link>
|
|
)
|
|
}
|
|
|
|
return null
|
|
}
|
|
},
|
|
}
|