add dynamic content

1 files changed, 26 insertions, 0 deletions

diff --git a/src/lib/content/components/PageContent.jsx b/src/lib/content/components/PageContent.jsx
new file mode 100644
index 00000000..724f99c1
--- /dev/null
+++ b/src/lib/content/components/PageContent.jsx
@@ -0,0 +1,26 @@
+import { useEffect } from 'react'
+import { useState } from 'react'
+import pageContentApi from '../api/pageContentApi'
+
+const PageContent = ({ path }) => {
+  const [content, setContent] = useState(<></>)
+
+  useEffect(() => {
+    const loadContent = async () => {
+      const dataContent = await pageContentApi({ path })
+      if (dataContent) {
+        setContent(
+          <div
+            className='p-4 prose prose-gray prose-a:text-red_r-10 prose-p:my-0'
+            dangerouslySetInnerHTML={{ __html: dataContent.content }}
+          />
+        )
+      }
+    }
+    loadContent()
+  }, [path])
+
+  return content
+}
+
+export default PageContent