add RawHTML block

linobino1 · Sep 27, 2024 · b46be01 · b46be01
1 parent f7c5a3f
commit b46be01
Show file tree

Hide file tree

Showing 3 changed files with 33 additions and 0 deletions.
diff --git a/app/components/Blocks/index.tsx b/app/components/Blocks/index.tsx
@@ -71,6 +71,17 @@ export const Block: React.FC<BlockProps> = ({ block, ...props }) => {
         </Gutter>
       );
 
+    case "rawHTML":
+      return (
+        <Gutter>
+          <div
+            dangerouslySetInnerHTML={{
+              __html: block.html,
+            }}
+          />
+        </Gutter>
+      );
+
     default:
     case "outlet":
       return children as React.ReactElement;

diff --git a/cms/blocks/RawHTML.ts b/cms/blocks/RawHTML.ts
@@ -0,0 +1,20 @@
+import type { Block } from "payload/types";
+import { t } from "../i18n";
+
+export const RawHTML: Block = {
+  slug: "rawHTML",
+  labels: {
+    singular: t("HTML"),
+    plural: t("HTML"),
+  },
+  fields: [
+    {
+      name: "html",
+      label: t("Content"),
+      type: "code",
+      required: true,
+    },
+  ],
+};
+
+export default RawHTML;
diff --git a/cms/fields/pageLayout.ts b/cms/fields/pageLayout.ts
@@ -7,6 +7,7 @@ import { Heading } from "../blocks/Heading";
 import { Image } from "../blocks/Image";
 import { Gallery } from "../blocks/Gallery";
 import { Video } from "../blocks/Video";
+import { RawHTML } from "../blocks/RawHTML";
 import { t } from "../i18n";
 import Events from "../blocks/Events";
 
@@ -38,6 +39,7 @@ export const pageLayout = (props?: Props): Field => {
           Gallery,
           Video,
           Events,
+          RawHTML,
         ],
         defaultValue: defaultLayout,
       },