feat(back-end): introduce payload

Payload is the next.js Headless CMS and App Framework,
I would like to pick it up and modify it as it is MIT licensed.

Many features in Payload is not applicable for our project.
So, I modify it so that it is light and clear.

1 files changed, 42 insertions, 0 deletions

diff --git a/src/components/rich-text/index.tsx b/src/components/rich-text/index.tsx
new file mode 100644
index 0000000..556942c
--- /dev/null
+++ b/src/components/rich-text/index.tsx
@@ -0,0 +1,42 @@
+import { cn } from '@/lib/utils'
+import React from 'react'
+import { serializeLexical } from './serialize'
+
+type Props = {
+  className?: string
+  content: Record<string, unknown>
+  enableProse?: boolean
+}
+
+export function RichText({
+  className,
+  content,
+  enableProse = true,
+}: Props) {
+  if (!content) {
+    return null
+  }
+
+  return (
+    <div
+      className={cn(
+        {
+          'prose min-w-0 dark:prose-invert': enableProse,
+        },
+        className
+      )}
+    >
+      {content &&
+        !Array.isArray(content) &&
+        typeof content === 'object' &&
+        'root' in content &&
+        serializeLexical({
+          nodes: (content.root as { children: unknown[] })?.children as Parameters<
+            typeof serializeLexical
+          >[0]['nodes'],
+        })}
+    </div>
+  )
+}
+
+export default RichText