Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Added nostr and twitter links to footer #158

Open
wants to merge 1 commit into
base: staging
Choose a base branch
from
Open

Added nostr and twitter links to footer #158

Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
42 changes: 42 additions & 0 deletions src/components/footer/Footer.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -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";
Comment on lines +10 to +11
Copy link

@jrakibi jrakibi Feb 18, 2025 •
edited
Loading

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

All imports should be grouped together at the top of the file before any varibale declaration


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"
Expand All @@ -27,6 +47,26 @@ const DiscordLink = () => (
<FaDiscord className="text-[28px] md:text-[48px]" />
</a>
);
const XLink = () => (
<a
href="https://twitter.com/bitcoin_devs"
Copy link

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

This should probably be updated to use x.com instead of twitter.com

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
Expand All @@ -44,6 +84,8 @@ const ContactSocials = () => {
<div className="flex items-center gap-2 md:gap-4 lg:gap-4">
<GithubLink />
<DiscordLink />
<XLink />
<NostrLink />
</div>
);
};
Expand Down