Merge pull request #120 from whitep4nth3r/add-arcade-embed

add arcade embed
whitep4nth3r · Sep 25, 2023 · 7e7d6e2 · 7e7d6e2
2 parents 69513ab + c38690c
commit 7e7d6e2
Show file tree

Hide file tree

Showing 7 changed files with 33 additions and 3 deletions.
diff --git a/lib/contentfulBlogPosts.js b/lib/contentfulBlogPosts.js
@@ -76,6 +76,7 @@ const ContentfulBlogPosts = {
                     }
                     __typename
                     ${GraphQLStringBlocks.videoEmbed()}
+                    ${GraphQLStringBlocks.arcadeEmbed()}
                     ${GraphQLStringBlocks.callout()}
                     ${GraphQLStringBlocks.codeBlock()}
                     ${GraphQLStringBlocks.blogPost()}

diff --git a/lib/graphQLStringBlocks.js b/lib/graphQLStringBlocks.js
@@ -123,6 +123,14 @@ const GraphQLStringBlocks = {
     }
     `;
   },
+  arcadeEmbed: function () {
+    return `
+    ... on ArcadeEmbed {
+        title
+        embedCode
+      }
+    `;
+  },
   videoEmbed: function () {
     return `
     ... on VideoEmbed {

diff --git a/src/_components/arcadeEmbed.js b/src/_components/arcadeEmbed.js
@@ -0,0 +1,8 @@
+function ArcadeEmbed({ embedCode, title }) {
+  return /* html */ `
+    <div class="post__arcadeEmbed">
+      ${embedCode}>
+    </div>`;
+}
+
+module.exports = ArcadeEmbed;
diff --git a/src/_components/richText.js b/src/_components/richText.js
@@ -7,6 +7,7 @@ const ResponsiveImage = require("./responsiveImage");
 const Callout = require("./callout");
 const CodeBlock = require("./codeBlock");
 const VideoEmbed = require("./videoEmbed");
+const ArcadeEmbed = require("./arcadeEmbed");
 const CodePenEmbed = require("./codepenEmbed");
 const TweetEmbed = require("./tweetEmbed");
 const BlogPostEmbed = require("./blogPostEmbed");
@@ -121,6 +122,8 @@ function getRichTextRenderOptions(links, options) {
             return TweetEmbed({ tweetUrl: entry.tweetUrl });
           case "VideoEmbed":
             return VideoEmbed({ embedUrl: entry.embedUrl, title: entry.title });
+          case "ArcadeEmbed":
+            return ArcadeEmbed({ embedCode: entry.embedCode, title: entry.title });
           case "Callout":
             return Callout({ title: entry.title, content: entry.content, emoji: entry.emoji });
           case "CodeBlock":

diff --git a/src/_css/main.css b/src/_css/main.css
diff --git a/src/_css/main.css.map b/src/_css/main.css.map
diff --git a/src/_sass/_post.scss b/src/_sass/_post.scss
@@ -352,3 +352,8 @@
     @include link_focus;
   }
 }
+
+.post__arcadeEmbed {
+  margin-bottom: 2rem;
+  margin-top: 2rem;
+}