Pimpup

packages/nextjs/components/inputs/RadioBoxesInput.tsx

@@ -19,6 +19,7 @@ export interface RadioBoxOption {
   icon?: React.ReactNode;
   disabled?: boolean;
 }
+
 export const RadioBoxesInput = <TParent,>({
   name,
   label,

packages/nextjs/constants.ts

@@ -1,4 +1,7 @@
-import { IconEthereum, IconGnosis, IconPolygon } from "./styles/Icons";
+import { BitcoinIcon } from "./components/assets/BitcoinIcon";
+import { RadioBoxOption } from "./components/inputs/RadioBoxesInput";
+import { IconBitcoin, IconDollar, IconEthereum, IconGnosis, IconPolygon } from "./styles/Icons";
+import { CurrencyDollarIcon } from "@heroicons/react/24/outline";
 
 export const defaultPage = "registration";
 
@@ -174,13 +177,13 @@ export const PaymentOptions = [
     title: "Debit or Credit",
     subtitle: "Via stripe",
     value: "fiat",
-    icon: IconPolygon,
+    icon: IconDollar,
   },
   {
     title: "DAI or USDC",
     subtitle: "Stablecoin",
     value: "crypto",
-    icon: IconPolygon,
+    icon: IconBitcoin,
   },
 ] as const;
 

packages/nextjs/hooks/scaffold-eth/useTransactor.tsx

@@ -73,7 +73,7 @@ export const useTransactor = (_walletClient?: WalletClient): TransactionFunc =>
       }
       notification.remove(notificationId);
 
-      const blockExplorerTxURL = network ? getBlockExplorerTxLink(network, transactionHash) : "";
+      const blockExplorerTxURL = network ? getBlockExplorerTxLink(transactionHash, network) : "";
 
       notificationId = notification.loading(
         <TxnNotification

packages/nextjs/pages/registration/index.tsx

@@ -307,7 +307,7 @@ const RegistrationForm: NextPage = () => {
                                 </div>
                               ) : (
                                 <div className="flex flex-row gap-2">
-                                  <CurrencyDollarIcon width={24} />
+                                  <CurrencyDollarIcon />
                                   Fiat
                                 </div>
                               )}

packages/nextjs/styles/Icons.tsx

@@ -1,3 +1,6 @@
+import { CurrencyDollarIcon } from "@heroicons/react/24/outline";
+import { BitcoinIcon } from "~~/components/assets/BitcoinIcon";
+
 export const AgentIcon = () => (
   <svg
     xmlns="http://www.w3.org/2000/svg"
@@ -95,3 +98,6 @@ export const IconPolygon = (
     </defs>
   </svg>
 );
+
+export const IconDollar = <CurrencyDollarIcon width={24}></CurrencyDollarIcon>;
+export const IconBitcoin = <BitcoinIcon width={24}></BitcoinIcon>;