From d2c4eab77238391dde9767692760cba8464685b5 Mon Sep 17 00:00:00 2001
From: Greg <35093316+gskril@users.noreply.github.com>
Date: Thu, 8 Feb 2024 13:05:18 -0500
Subject: [PATCH] Add Warpcast share button to blog footer (#61)

---
 blog/public/icons/warpcast.svg          | 12 ++++++++++++
 blog/src/components/post/PostFooter.tsx | 13 +++++++++++++
 2 files changed, 25 insertions(+)
 create mode 100644 blog/public/icons/warpcast.svg

diff --git a/blog/public/icons/warpcast.svg b/blog/public/icons/warpcast.svg
new file mode 100644
index 0000000..5df4592
--- /dev/null
+++ b/blog/public/icons/warpcast.svg
@@ -0,0 +1,12 @@
+<svg width="750" height="688" viewbox="0 0 750 688" fill="none" xmlns="http://www.w3.org/2000/svg">
+  <g clip-path="url(#clip0_1565_2)">
+    <path d="M128.605 -0.0412598H612.404V687.93H541.388V372.795H540.692C532.842 285.699 459.644 217.446 370.505 217.446C281.366 217.446 208.167 285.699 200.318 372.795H199.622V687.93H128.605V-0.0412598Z" fill="black"/>
+    <path d="M-0.111328 97.6055L28.7392 195.253H53.1506V590.283C40.894 590.283 30.9582 600.218 30.9582 612.475V639.106H26.5202C14.2635 639.106 4.32674 649.042 4.32674 661.299V687.93H252.884V661.299C252.884 649.042 242.949 639.106 230.692 639.106H226.254V612.475C226.254 600.218 216.317 590.283 204.06 590.283H177.43V97.6055H-0.111328Z" fill="black"/>
+    <path d="M545.83 590.283C533.573 590.283 523.636 600.218 523.636 612.475V639.106H519.198C506.942 639.106 497.006 649.042 497.006 661.299V687.93H745.563V661.299C745.563 649.042 735.627 639.106 723.37 639.106H718.932V612.475C718.932 600.218 708.996 590.283 696.74 590.283V195.253H721.151L750.002 97.6055H572.46V590.283H545.83Z" fill="black"/>
+  </g>
+  <defs>
+    <clipPath id="clip0_1565_2">
+      <rect width="750" height="688" fill="white"/>
+    </clipPath>
+  </defs>
+</svg>
\ No newline at end of file
diff --git a/blog/src/components/post/PostFooter.tsx b/blog/src/components/post/PostFooter.tsx
index 293ccbe..b0dd442 100644
--- a/blog/src/components/post/PostFooter.tsx
+++ b/blog/src/components/post/PostFooter.tsx
@@ -5,6 +5,7 @@ import { FaFacebookF, FaLinkedin } from 'react-icons/fa';
 
 import { BlogPostMetadata } from '@/types/BlogPostMetadata';
 
+import warpcastLogo from '../../../public/icons/warpcast.svg';
 import xLogo from '../../../public/icons/x.svg';
 import { Author } from '../Author';
 import { BigTag } from '../tags/BigTag';
@@ -31,6 +32,18 @@ export const PostFooter = ({ post }: { post: BlogPostMetadata }) => {
                     >
                         <Image src={xLogo} alt="X logo" />
                     </a>
+                    <a
+                        href={`https://warpcast.com/~/compose?text=${encodeURIComponent(
+                            post.title + ' | ENS Blog'
+                        )}&embeds[]=${
+                            'https://blog.ens.domains/post/' + post.slug
+                        }`}
+                        target="_blank"
+                        rel="noopener noreferrer"
+                        className="flex w-5 items-center"
+                    >
+                        <Image src={warpcastLogo} alt="Warpcast logo" />
+                    </a>
                     <a
                         href={`https://www.facebook.com/sharer/sharer.php?u=${encodeURIComponent(
                             'https://blog.ens.domains/post/' + post.slug