Merge pull request #2323 from oasisprotocol/lw/fix-abi-link

Fix and cleanup ABI Playground link styling

Author: lukaw3d

.changelog/2323.trivial.md

@@ -0,0 +1 @@
+Fix ABI Playground link styling

src/app/components/ConsensusTransactionMethod/index.tsx

@@ -94,7 +94,7 @@ const MethodIconContent: FC<MethodIconContentProps> = ({
           border: border ? `2px solid ${theme.primary}` : 'none',
         }}
       >
-        {cloneElement(icon, { sx: { fontSize: Math.ceil(size * iconRatio) } })}
+        {cloneElement(icon, { style: { fontSize: Math.ceil(size * iconRatio) } })}
       </div>
       {label && (
         <Typography

src/app/components/ContractVerificationIcon/AbiPlaygroundLink.tsx

@@ -30,7 +30,6 @@ export const AbiPlaygroundLink: FC<{
     href: scopeToPlaygroundURL[scope.network]?.[scope.layer],
     rel: 'noopener noreferrer',
     target: '_blank',
-    sx: { fontWeight: 400, color: 'inherit', textDecoration: 'underline' },
   }
 
   if (!abiPlaygroundLinkProps.href) return null
@@ -42,7 +41,7 @@ export const AbiPlaygroundLink: FC<{
           t={t}
           i18nKey={'contract.verification.openInAbiPlayground'}
           components={{
-            AbiPlaygroundLink: <Link className="text-inherit" {...abiPlaygroundLinkProps} />,
+            AbiPlaygroundLink: <Link className="text-inherit underline" {...abiPlaygroundLinkProps} />,
           }}
         />
       </div>

src/app/components/ContractVerificationIcon/index.tsx

@@ -33,7 +33,6 @@ export const VerificationIcon: FC<{
     href: hideLink ? undefined : `${externalLinks.dapps.sourcifyRoot}#/lookup/${address_eth}`,
     rel: 'noopener noreferrer',
     target: '_blank',
-    sx: { fontWeight: 400, color: 'inherit', textDecoration: 'underline' },
     onClick: verificationLevel ? undefined : () => setExplainDelay(true),
   }
   return (