Add Warpcast share button to blog footer

ensdomains · Feb 8, 2024 · 381b08f · 381b08f
1 parent 415cfa0
commit 381b08f
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/blog/public/icons/warpcast.svg b/blog/public/icons/warpcast.svg
diff --git 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