perf: ini shun token

src/components/Footer/Footer.tsx

@@ -26,6 +26,11 @@ interface FooterIconLinkProps {
   href: string;
 }
 
+interface FooterTokenLinkProps {
+  children: ReactNode;
+  href: string;
+}
+
 export const FooterLink: FC<FooterLinkProps> = ({ children, href }) => {
   return (
     <div className="py-2 px-5">
@@ -51,6 +56,25 @@ export const FooterIconLink: FC<FooterIconLinkProps> = ({ children, href }) => {
   );
 };
 
+export const FooterTokenLink: FC<FooterTokenLinkProps> = ({
+  children,
+  href,
+}) => {
+  return (
+    <span className="group">
+      <a
+        className="group-hover:underline group-hover:uppercase"
+        href={href}
+        target="_blank"
+        rel="noopener noreferrer"
+      >
+        <span className="hidden group-hover:inline">$</span>
+        {children}
+      </a>
+    </span>
+  );
+};
+
 export const Footer: FC = () => {
   return (
     <footer className="overflow-hidden py-12 px-4 sm:px-6 lg:px-8 mx-auto max-w-7xl">
@@ -98,7 +122,8 @@ export const Footer: FC = () => {
           >
             v{packageJson.version}.
           </a>{" "}
-          &copy; Shun Kakinoki. All rights reserved.
+          &copy; <FooterTokenLink href={SocialLinks.shun}>Shun</FooterTokenLink>{" "}
+          Kakinoki. All rights reserved.
         </p>
         <CreditsButton />
         <div className="sm:flex-grow-0">

src/const/CryptoLinks.ts

@@ -4,4 +4,6 @@ export class CryptoLinks {
   static readonly ens = `${shunkakinoki}.eth`;
 
   static readonly ethereum = "0x4fd9d0ee6d6564e80a9ee00c0163fc952d0a45ed";
+
+  static readonly shun = "0x656E569983B74A76B9aEaA442F0650165F95997F";
 }

src/const/SocialLinks.ts

@@ -8,6 +8,8 @@ export class SocialLinks {
   static readonly pioneer = "https://pioneer.app/winners/shun-kakinoki/";
   static readonly website = `https://${shunkakinoki}.com`;
 
+  static readonly shun = `https://app.sushi.com/swap?inputCurrency=&outputCurrency=${CryptoLinks.shun}`;
+
   static readonly discord = `https://discord.com/users/${shunkakinoki}`;
   static readonly docker = `https://hub.docker.com/u/${shunkakinoki}`;
   static readonly ethereum = `https://etherscan.io/address/${CryptoLinks.ethereum}`;