add link to mint permit underlying token & use permit super token as …

…default payment option
superfluid-finance · Sep 22, 2023 · a3dbfae · a3dbfae
1 parent c0fd457
commit a3dbfae
Show file tree

Hide file tree

Showing 4 changed files with 23 additions and 5 deletions.
diff --git a/apps/widget-builder/src/components/select-payment-option/SelectPaymentOption.tsx b/apps/widget-builder/src/components/select-payment-option/SelectPaymentOption.tsx
@@ -85,7 +85,7 @@ const SelectPaymentOption: FC<PaymentOptionSelectorProps> = ({
 
       if (value.superToken) {
         setSelectedToken(
-          tokenList.tokens.find(
+          widgetTokenList.tokens.find(
             ({ address }) =>
               address.toLowerCase() === value.superToken.address.toLowerCase(),
           ) ?? null,

diff --git a/apps/widget-builder/src/components/terms-and-privacy/TermsAndPrivacy.tsx b/apps/widget-builder/src/components/terms-and-privacy/TermsAndPrivacy.tsx
@@ -2,6 +2,7 @@ import { Box } from "@mui/material";
 import { FC } from "react";
 
 import Link from "../../Link";
+import { goerliPermitTokens } from "../widget-preview/WidgetPreview";
 
 const TermsAndPrivacy: FC = () => (
   <Box
@@ -12,6 +13,19 @@ const TermsAndPrivacy: FC = () => (
       left: "540px",
     }}
   >
+    <Link
+      sx={{
+        fontWeight: 600,
+      }}
+      target="_blank"
+      href={`https://goerli.etherscan.io/token/${
+        goerliPermitTokens.find((x) => (x.tags ?? []).includes("underlying"))!
+          .address
+      }#writeContract#F4`}
+    >
+      {"Click here to mint Permit Super Token's underlying token on Goerli!"}
+    </Link>
+    <br />
     <Link
       data-testid="terms-link"
       href="https://www.superfluid.finance/termsofuse/"

diff --git a/apps/widget-builder/src/components/widget-preview/WidgetPreview.tsx b/apps/widget-builder/src/components/widget-preview/WidgetPreview.tsx
@@ -50,7 +50,7 @@ const mumbaiPermitTokens: TokenInfo[] = [
   },
 ];
 
-const goerliPermitTokens: TokenInfo[] = [
+export const goerliPermitTokens: TokenInfo[] = [
   {
     address: "0x19E6F96A887D0a27d60ef63942d7BF707fb1aD08",
     name: "PERMIT: Super fUSDC Fake Token",
@@ -81,7 +81,7 @@ const goerliPermitTokens: TokenInfo[] = [
 
 export const widgetTokenList = {
   ...tokenList,
-  tokens: [...tokenList.tokens, ...goerliPermitTokens],
+  tokens: [...goerliPermitTokens, ...tokenList.tokens],
   // ...mumbaiPermitTokens,
 } as SuperTokenList;
 

diff --git a/apps/widget-builder/src/hooks/useDemoMode.ts b/apps/widget-builder/src/hooks/useDemoMode.ts
@@ -6,9 +6,11 @@ import {
 } from "@superfluid-finance/widget";
 import { useCallback } from "react";
 import { useFormContext } from "react-hook-form";
+import { Address } from "viem";
 
 import {
   DisplaySettings,
+  goerliPermitTokens,
   Layout,
   WidgetProps,
 } from "../components/widget-preview/WidgetPreview";
@@ -111,10 +113,12 @@ const demoPaymentDetails: PaymentDetails = {
 const defaultPaymentDetails: PaymentDetails = {
   paymentOptions: [
     {
-      receiverAddress: "0xf26ce9749f29e61c25d0333bce2301cb2dfd3a22", // rebounder
+      receiverAddress: "0xd8dA6BF26964aF9D7eEd9e03E53415D37aA96045", // vitalik.eth
       chainId: supportedNetwork.goerli.id,
       superToken: {
-        address: "0x8ae68021f6170e5a766be613cea0d75236ecca9a", // fUSDCx
+        address: goerliPermitTokens.find((x) =>
+          (x.tags ?? []).includes("supertoken"),
+        )!.address as Address,
       },
       flowRate: {
         amountEther: "1",