Link to abi-playground from ERC-1167 Minimal Proxy contracts

Related to e14c0ff
oasisprotocol · Sep 12, 2024 · 07c18a6 · 07c18a6
1 parent 7707460
commit 07c18a6
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 2 deletions.
diff --git a/.changelog/1540.feature.md b/.changelog/1540.feature.md
@@ -0,0 +1 @@
+Detect ERC-1167 Minimal Proxy contracts
diff --git a/src/app/components/Account/RuntimeAccountDetailsView.tsx b/src/app/components/Account/RuntimeAccountDetailsView.tsx
@@ -23,6 +23,8 @@ import { FiatMoneyAmount } from '../Balance/FiatMoneyAmount'
 import { getFiatCurrencyForScope, showFiatValues } from '../../../config'
 import { CardEmptyState } from '../CardEmptyState'
 import { extractMinimalProxyERC1167 } from '../ContractVerificationIcon/extractMinimalProxyERC1167'
+import { AbiPlaygroundLink } from '../ContractVerificationIcon/AbiPlaygroundLink'
+import Box from '@mui/material/Box'
 
 type RuntimeAccountDetailsViewProps = {
   isLoading?: boolean
@@ -108,7 +110,10 @@ export const RuntimeAccountDetailsView: FC<RuntimeAccountDetailsViewProps> = ({
         <>
           <dt>{t('contract.verification.proxyERC1167')}</dt>
           <dd>
-            <AccountLink scope={account} address={extractMinimalProxyERC1167(account)!} />
+            <Box>
+              <AccountLink scope={account} address={extractMinimalProxyERC1167(account)!} />
+              <AbiPlaygroundLink scope={account} address_eth={account.address_eth!} />
+            </Box>
           </dd>
         </>
       )}

diff --git a/src/app/pages/TokenDashboardPage/TokenDetailsCard.tsx b/src/app/pages/TokenDashboardPage/TokenDetailsCard.tsx
@@ -22,6 +22,8 @@ import { RoundedBalance } from 'app/components/RoundedBalance'
 import { HighlightedText } from '../../components/HighlightedText'
 import { RuntimeBalanceDisplay } from '../../components/Balance/RuntimeBalanceDisplay'
 import { extractMinimalProxyERC1167 } from '../../components/ContractVerificationIcon/extractMinimalProxyERC1167'
+import { AbiPlaygroundLink } from '../../components/ContractVerificationIcon/AbiPlaygroundLink'
+import Box from '@mui/material/Box'
 
 export const TokenDetailsCard: FC<{ scope: SearchScope; address: string; searchTerm: string }> = ({
   scope,
@@ -71,7 +73,10 @@ export const TokenDetailsCard: FC<{ scope: SearchScope; address: string; searchT
               <>
                 <dt>{t('contract.verification.proxyERC1167')}</dt>
                 <dd>
-                  <AccountLink scope={account} address={extractMinimalProxyERC1167(account)!} />
+                  <Box>
+                    <AccountLink scope={account} address={extractMinimalProxyERC1167(account)!} />
+                    <AbiPlaygroundLink scope={account} address_eth={account.address_eth!} />
+                  </Box>
                 </dd>
               </>
             )}