feat: added nostr and twitter links to footer

bitcoinsearch · Feb 18, 2025 · a706292 · a706292
1 parent 2bcc1ec
commit a706292
Showing 1 changed file with 42 additions and 0 deletions.
diff --git a/src/components/footer/Footer.tsx b/src/components/footer/Footer.tsx
@@ -1,11 +1,31 @@
 import { FaDiscord, FaGithub } from "react-icons/fa";
+import { FaXTwitter } from "react-icons/fa6";
 
 const Separator = ({ className }: { className?: string }) => (
   <div
     className={`h-5 border xl:h-6 xl:border-2 border-custom-stroke ${className}`}
   />
 );
 
+import * as React from "react";
+import { SVGProps } from "react";
+
+const NostrIcon = (props: SVGProps<SVGSVGElement>) => (
+  <svg
+    width={31}
+    viewBox="0 0 31 31"
+    fill="none"
+    xmlns="http://www.w3.org/2000/svg"
+    className="w-full hover:text-orange-400"
+    {...props}
+  >
+    <path
+      d="M31.5 13.5114V29.8827C31.5 30.4984 31.0041 30.998 30.3929 30.998H17.1081C16.4969 30.998 16.001 30.4984 16.001 29.8827V26.8339C16.0615 23.0966 16.454 19.5166 17.2779 17.8879C17.7719 16.9084 18.5861 16.3753 19.5214 16.0901C21.2884 15.5551 24.389 15.9209 25.705 15.858C25.705 15.858 29.6803 16.0173 29.6803 13.7494C29.6803 11.924 27.9035 12.0676 27.9035 12.0676C25.9451 12.1187 24.4534 11.985 23.4869 11.6014C21.8683 10.9602 21.8136 9.78388 21.8077 9.39048C21.7277 4.8467 15.0774 4.30184 9.21796 5.42893C2.81177 6.65635 9.28825 15.9072 9.28825 28.256V29.9044C9.27653 30.5102 8.79036 31 8.18508 31H1.60707C0.995937 31 0.5 30.5004 0.5 29.8847V1.56967C0.5 0.953998 0.995937 0.454378 1.60707 0.454378H7.79067C8.40181 0.454378 8.89775 0.953998 8.89775 1.56967C8.89775 2.48433 9.91891 2.99378 10.657 2.46072C12.8809 0.855648 15.7354 0 18.9297 0C26.0857 0 31.4961 4.20152 31.4961 13.5114H31.5ZM19.6209 10.1891C19.6209 8.87119 18.5607 7.80311 17.2525 7.80311C15.9444 7.80311 14.8841 8.87119 14.8841 10.1891C14.8841 11.507 15.9444 12.5751 17.2525 12.5751C18.5607 12.5751 19.6209 11.507 19.6209 10.1891Z"
+      fill="currentColor"
+    />
+  </svg>
+);
+
 const GithubLink = () => (
   <a
     href="https://github.com/bitcoinsearch/bitcoinsearch-app"
@@ -27,6 +47,26 @@ const DiscordLink = () => (
     <FaDiscord className="text-[28px] md:text-[48px]" />
   </a>
 );
+const XLink = () => (
+  <a
+    href="https://twitter.com/bitcoin_devs"
+    target="_blank"
+    rel="noreferrer"
+    className="focus:outline-none"
+  >
+    <FaXTwitter className="text-[28px] md:text-[48px]" />
+  </a>
+);
+const NostrLink = () => (
+  <a
+    href="https://iris.to/npub10p33xu03t8q7d9nxtks63dq4gmt4v4d3ppd5lcdp4rg9hxsd0f8q7mn2l2"
+    target="_blank"
+    rel="noreferrer"
+    className="focus:outline-none"
+  >
+    <NostrIcon className="text-[28px] md:text-[48px]" />
+  </a>
+);
 
 const StatsLink = () => (
   <a
@@ -44,6 +84,8 @@ const ContactSocials = () => {
     <div className="flex items-center gap-2 md:gap-4 lg:gap-4">
       <GithubLink />
       <DiscordLink />
+      <XLink />
+      <NostrLink />
     </div>
   );
 };