Portal invite (rooch-network#3022)

* finish * fix * fix ui * fix * switch testnet * fix * fix build
steelgeek091 · Dec 22, 2024 · f429275 · f429275
1 parent 1b882e7
commit f429275
Show file tree

Hide file tree

Showing 20 changed files with 891 additions and 85 deletions.
diff --git a/infra/rooch-portal-v2/src/app/faucet/inviter/[address]/page.tsx b/infra/rooch-portal-v2/src/app/faucet/inviter/[address]/page.tsx
@@ -0,0 +1,11 @@
+import WalletGuard from 'src/components/guard/WalletGuard';
+
+import { InviterFaucetView } from 'src/sections/faucet/inviter';
+
+export const metadata = { title: `Faucet` };
+
+export default function Page({ params }: { params: { address: string } }) {
+  return <WalletGuard>
+    <InviterFaucetView inviterAddress={params.address} />
+  </WalletGuard>
+}
diff --git a/infra/rooch-portal-v2/src/app/invitation/[address]/page.tsx b/infra/rooch-portal-v2/src/app/invitation/[address]/page.tsx
@@ -0,0 +1,7 @@
+import { InvitationsView } from 'src/sections/invitations/index';
+
+export const metadata = { title: `Invitation` };
+
+export default function Page({ params }: { params: { address: string } }) {
+  return <InvitationsView />;
+}
diff --git a/infra/rooch-portal-v2/src/app/invitation/page..tsx b/infra/rooch-portal-v2/src/app/invitation/page..tsx
@@ -0,0 +1,8 @@
+
+import { InvitationsView } from 'src/sections/invitations/index';
+
+export const metadata = { title: `Invitation` };
+
+export default function Page() {
+  return <InvitationsView />;
+}
diff --git a/infra/rooch-portal-v2/src/app/inviter/[address]/page.tsx b/infra/rooch-portal-v2/src/app/inviter/[address]/page.tsx
@@ -1,16 +1,6 @@
-import WalletGuard from 'src/components/guard/WalletGuard';
 
-import { SettingsView } from 'src/sections/settings/view';
+import { InviterView } from 'src/sections/inviter/index';
 
 export default function Page({ params }: { params: { address: string } }) {
-  // window.localStorage.setItem('inviter', params.address)
-  console.log(params)
-  return (
-    <WalletGuard>
-      <SettingsView />
-    </WalletGuard>
-  );
+  return <InviterView inviterAddress={params.address} />;
 }
-
-
-
diff --git a/infra/rooch-portal-v2/src/app/inviter/page.tsx b/infra/rooch-portal-v2/src/app/inviter/page.tsx
@@ -0,0 +1,6 @@
+
+import { InviterView } from 'src/sections/inviter/index';
+
+export default function Page() {
+  return <InviterView />;
+}
diff --git a/infra/rooch-portal-v2/src/components/auth/session-key-guard-button-v1.tsx b/infra/rooch-portal-v2/src/components/auth/session-key-guard-button-v1.tsx
@@ -9,7 +9,15 @@ import { isSessionExpired } from 'src/utils/common';
 
 import { toast } from 'src/components/snackbar';
 
-export default function SessionKeyGuardButtonV1({ children, desc, callback }: { children?: ReactNode, desc?: string, callback?: () => Promise<void> }) {
+export default function SessionKeyGuardButtonV1({
+  children,
+  desc,
+  callback,
+}: {
+  children?: ReactNode;
+  desc?: string;
+  callback?: () => Promise<void>;
+}) {
   const sessionKey = useCurrentSession();
   const { mutateAsync: createSessionKey } = useCreateSessionKey();
   const [loading, setLoading] = useState(false);
@@ -27,13 +35,14 @@ export default function SessionKeyGuardButtonV1({ children, desc, callback }: {
   }, [sessionKey]);
 
   const handle = async () => {
-    setLoading(true)
-    if (sessionKey && !isCurrentSessionExpired) {
-      if (callback) {
-        await callback()
-      }
-    } else {
-      try {
+    setLoading(true);
+
+    try {
+      if (sessionKey && !isCurrentSessionExpired) {
+        if (callback) {
+          await callback();
+        }
+      } else {
         await createSessionKey({
           appName: 'rooch-portal',
           appUrl: 'portal.rooch.network',
@@ -46,19 +55,19 @@ export default function SessionKeyGuardButtonV1({ children, desc, callback }: {
           maxInactiveInterval: 60 * 60 * 8,
         });
         if (callback) {
-          await callback()
+          await callback();
         }
-      } catch (error) {
-        if (error.message) {
-          toast.error(error.message);
-          return;
-        }
-        toast.error(String(error));
       }
+    } catch (error) {
+      if (error.message) {
+        toast.error(error.message);
+        return;
+      }
+      toast.error(String(error));
+    } finally {
+      setLoading(false);
     }
-
-    setLoading(false)
-  }
+  };
 
   return sessionKey && !isCurrentSessionExpired && children ? (
     children
@@ -70,9 +79,7 @@ export default function SessionKeyGuardButtonV1({ children, desc, callback }: {
       loading={loading}
       onClick={handle}
     >
-      {
-        desc || 'Create Session Key'
-      }
+      {desc || 'Create Session Key'}
     </LoadingButton>
   );
 }
diff --git a/infra/rooch-portal-v2/src/hooks/use-networks.ts b/infra/rooch-portal-v2/src/hooks/use-networks.ts
@@ -20,41 +20,44 @@ const { networkConfig, useNetworkVariable, useNetworkVariables } = createNetwork
     variables: {
       roochOperatingAddress: ROOCH_NFT_OPERATING_ADDRESS,
       mintAddress: ROOCH_MINT_OPERATING_ADDRESS,
-      btcGasAddress: 'bc1prcajaj9n7e29u4dfp33x3hcf52yqeegspdpcd79pqu4fpr6llx4sugkfjt',
+      btcGasAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
       gasMarketAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
       faucetUrl: FAUCET_MAINNET,
       faucetAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
       faucetObject: '0xd5723eda84f691ae2623da79312c7909b1737c5b3866ecc5dbd6aa21718ff15d',
       BTCMemPool: 'https://mempool.space/tx/',
       twitterOracleAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
+      inviterCA: ['0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3', 'invitation', 'InvitationConf'],
     },
   },
   testnet: {
     url: getRoochNodeUrl('testnet'),
     variables: {
       roochOperatingAddress: ROOCH_NFT_OPERATING_ADDRESS,
       mintAddress: ROOCH_MINT_OPERATING_ADDRESS,
-      btcGasAddress: 'tb1prcajaj9n7e29u4dfp33x3hcf52yqeegspdpcd79pqu4fpr6llx4stqqxgy',
-      gasMarketAddress: '0x872502737008ac71c4c008bb3846a688bfd9fa54c6724089ea51b72f813dc71e',
+      btcGasAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
+      gasMarketAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e 744c13f2d9998bf76cc3',
       faucetUrl: FAUCET_TESTNET,
       faucetAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
       faucetObject: '0xd5723eda84f691ae2623da79312c7909b1737c5b3866ecc5dbd6aa21718ff15d',
       BTCMemPool: 'https://mempool.space/testnet/tx/',
       twitterOracleAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
+      inviterCA: ['0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3', 'invitation', 'InvitationConf'],
     },
   },
   localnet: {
     url: getRoochNodeUrl('localnet'),
     variables: {
       roochOperatingAddress: ROOCH_NFT_OPERATING_ADDRESS,
       mintAddress: ROOCH_MINT_OPERATING_ADDRESS,
-      btcGasAddress: 'tb1prcajaj9n7e29u4dfp33x3hcf52yqeegspdpcd79pqu4fpr6llx4stqqxgy',
-      gasMarketAddress: '0x872502737008ac71c4c008bb3846a688bfd9fa54c6724089ea51b72f813dc71e',
+      btcGasAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
+      gasMarketAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
       faucetUrl: FAUCET_TESTNET,
       faucetAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
       faucetObject: '0xd5723eda84f691ae2623da79312c7909b1737c5b3866ecc5dbd6aa21718ff15d',
       BTCMemPool: 'https://mempool.space/testnet/tx/',
       twitterOracleAddress: '0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3',
+      inviterCA: ['0x701c21bf1c8cd5af8c42983890d8ca55e7a820171b8e744c13f2d9998bf76cc3', 'invitation', 'InvitationConf'],
     },
   },
 });

diff --git a/infra/rooch-portal-v2/src/layouts/config-nav-dashboard.tsx b/infra/rooch-portal-v2/src/layouts/config-nav-dashboard.tsx
@@ -38,6 +38,12 @@ export const navData = [
         icon: <Iconify icon="solar:gift-bold-duotone" />,
         // noAddressRequired: true,
       },
+      {
+        title: 'Invitation',
+        path: paths.dashboard.invitation,
+        icon: <Iconify icon="solar:letter-broken" />,
+        // noAddressRequired: true,
+      },
       {
         title: 'Settings',
         path: paths.dashboard.settings,

diff --git a/infra/rooch-portal-v2/src/middleware.ts b/infra/rooch-portal-v2/src/middleware.ts
@@ -16,6 +16,7 @@ const apiDomains = [
   getRoochNodeUrl('testnet'),
   'https://test-faucet.rooch.network',
   'https://main-faucet.rooch.network',
+  'http://127.0.0.1:6868',
 ];
 const isProduction = process.env.NODE_ENV === 'production';
 

diff --git a/infra/rooch-portal-v2/src/routes/paths.ts b/infra/rooch-portal-v2/src/routes/paths.ts
@@ -14,6 +14,7 @@ export const paths = {
     settings: `${ROOTS.DASHBOARD}/settings`,
     search: `${ROOTS.DASHBOARD}/search`,
     faucet: `${ROOTS.DASHBOARD}/faucet`,
+    invitation: `${ROOTS.DASHBOARD}/invitation`,
     'gas-swap': `${ROOTS.DASHBOARD}/gas-swap`,
   },
 };
diff --git a/infra/rooch-portal-v2/src/sections/assets/components/asset-row-item.tsx b/infra/rooch-portal-v2/src/sections/assets/components/asset-row-item.tsx
@@ -24,7 +24,6 @@ export default function AssetRowItem({ row, isWalletOwner, onOpenTransferModal }
     <TableRow>
       <TableCell width="300px">
         <Box sx={{ gap: 1, display: 'flex', alignItems: 'center' }}>
-          {/* {row.icon_url && <Image src={row.icon_url} alt={row.symbol} width={48} height={48} />} */}
           {row.icon_url ? (
             <Box
               component="span"