feat: add button to send user to token registry, once token is issued

Author: akhlopiachyi

src/components/Button/index.tsx

@@ -3,6 +3,7 @@ import { ButtonIconColorScheme, ButtonIconType, ButtonType } from "@/shared/type
 import classNames from "classnames";
 import { FC, useMemo } from "react";
 import { Spinner } from "../Spinner";
+import Link from "next/link";
 
 interface ButtonProps {
   label: string;
@@ -14,6 +15,8 @@ interface ButtonProps {
   className?: string;
   iconClassName?: string;
   loading?: boolean;
+  link?: boolean;
+  href?: string;
 }
 
 export const Button: FC<ButtonProps> = ({
@@ -26,6 +29,8 @@ export const Button: FC<ButtonProps> = ({
   className,
   iconClassName,
   loading,
+  link = false,
+  href = '',
 }) => {
   const buttonCx = classNames('flex items-center justify-center gap-1 rounded-xl text-base py-3 px-12 w-full text-nowrap whitespace-nowrap font-noto-sans enabled:hover:opacity-50', {
     'bg-green-gradient text-[#21262E]': type === 'primary' && !disabled,
@@ -67,6 +72,15 @@ export const Button: FC<ButtonProps> = ({
     );
   }
 
+  if (link) {
+    return (
+      <Link href={href} target="_blank" rel="noopener noreferrer" className={buttonCx}>
+        {renderIcon}
+        {label}
+      </Link>
+    );
+  }
+
   return (
     <button
       type="button"

src/components/SuccessIssueFTModal/index.tsx

@@ -176,12 +176,20 @@ export const SuccessIssueFTModal = () => {
             className="!items-start"
           />
         </div>
-        <div className="flex items-center w-full">
+        <div className="flex flex-col md:flex-row items-center gap-2 w-full">
           <Button
             label="Done"
             onClick={handleClose}
+            type={ButtonType.Secondary}
+            className="text-sm !py-2 px-6 !rounded-[10px] font-semibold"
+          />
+          <Button
+            label="Register Your Token"
             type={ButtonType.Primary}
-            className="text-sm !py-2 px-6 rounded-[10px] font-semibold"
+            className="text-sm !py-2 px-6 !rounded-[10px] font-semibold hover:opacity-80"
+            disabled={false}
+            link={true}
+            href="https://github.com/CoreumFoundation/token-registry"
           />
         </div>
       </div>