Renzo

next.config.js

@@ -12,7 +12,7 @@ const isDev = process.env.NODE_ENV !== 'production'
 const ENABLE_CSP_HEADER = true;
 const FRAME_SRC_HOSTS = ['https://*.walletconnect.com', 'https://*.walletconnect.org','https://*.solflare.com'];
 const STYLE_SRC_HOSTS = []
-const IMG_SRC_HOSTS = ['https://*.walletconnect.com', 'https://*.githubusercontent.com'];
+const IMG_SRC_HOSTS = ['https://*.walletconnect.com', 'https://*.githubusercontent.com', 'https://*.hyperlane.xyz'];
 const cspHeader = `
   default-src 'self';
   script-src 'self'${isDev ? " 'unsafe-eval'" : ''};

package.json

@@ -17,7 +17,7 @@
     "@emotion/react": "^11.13.3",
     "@emotion/styled": "^11.13.0",
     "@headlessui/react": "^2.2.0",
-    "@hyperlane-xyz/registry": "6.1.0",
+    "@hyperlane-xyz/registry": "6.6.0",
     "@hyperlane-xyz/sdk": "7.1.0",
     "@hyperlane-xyz/utils": "7.1.0",
     "@hyperlane-xyz/widgets": "7.1.0",

src/components/buttons/SolidButton.tsx

@@ -34,7 +34,7 @@ export function SolidButton(
     baseColors = 'bg-accent-500 text-white';
     onHover = 'hover:bg-accent-600';
   } else if (color === 'green') {
-    baseColors = 'bg-green-500 text-white';
+    baseColors = 'bg-green-500';
     onHover = 'hover:bg-green-600';
   } else if (color === 'red') {
     baseColors = 'bg-red-600 text-white';

src/components/nav/Footer.tsx

@@ -1,4 +1,5 @@
-import { DiscordIcon, GithubIcon, HyperlaneLogo, TwitterIcon } from '@hyperlane-xyz/widgets';
+import { DiscordIcon, GithubIcon, TwitterIcon } from '@hyperlane-xyz/widgets';
+import Image from 'next/image';
 import Link from 'next/link';
 import { ReactNode } from 'react';
 import { links } from '../../consts/links';
@@ -14,13 +15,23 @@ type FooterLink = {
 const footerLinks: FooterLink[] = [
   { title: 'Docs', url: links.docs, external: true },
   { title: 'Terms', url: links.tos, external: true },
-  { title: 'Twitter', url: links.twitter, external: true, icon: <TwitterIcon color="#fff" /> },
+  {
+    title: 'Twitter',
+    url: links.twitter,
+    external: true,
+    icon: <TwitterIcon color={Color.white} />,
+  },
   { title: 'Homepage', url: links.home, external: true },
   { title: 'Privacy', url: links.privacyPolicy, external: true },
-  { title: 'Discord', url: links.discord, external: true, icon: <DiscordIcon color="#fff" /> },
+  {
+    title: 'Discord',
+    url: links.discord,
+    external: true,
+    icon: <DiscordIcon color={Color.white} />,
+  },
   { title: 'Explorer', url: links.explorer, external: true },
   { title: 'Bounty', url: links.bounty, external: true },
-  { title: 'Github', url: links.github, external: true, icon: <GithubIcon color="#fff" /> },
+  { title: 'Github', url: links.github, external: true, icon: <GithubIcon color={Color.white} /> },
 ];
 
 export function Footer() {
@@ -38,14 +49,12 @@ export function Footer() {
 
 function FooterLogo() {
   return (
-    <div className="flex items-center justify-center">
-      <div className="ml-2 h-12 w-12 sm:h-14 sm:w-14">
-        <HyperlaneLogo color={Color.white} />
-      </div>
-      <div className="ml-6 space-y-1 text-lg font-medium sm:text-xl">
-        <div>Go interchain</div>
-        <div>with Hyperlane</div>
-      </div>
+    <div className="ml-6 flex items-center justify-center gap-1.5 space-y-1 text-lg font-medium sm:text-xl">
+      <span>Built with</span>
+      <Image src="/logos/everclear.png" alt="" width={24} height={24} />
+      <span>Everclear and</span>
+      <Image src="/logos/renzo.svg" alt="" width={22} height={22} />
+      <span>Renzo</span>
     </div>
   );
 }

src/components/nav/Header.tsx

@@ -3,7 +3,6 @@ import Link from 'next/link';
 import { ConnectWalletButton } from '../../features/wallet/ConnectWalletButton';
 import Logo from '../../images/logos/app-logo.svg';
 import Name from '../../images/logos/app-name.svg';
-import Title from '../../images/logos/app-title.svg';
 
 export function Header() {
   return (
@@ -12,7 +11,6 @@ export function Header() {
         <Link href="/" className="flex items-center py-2">
           <Image src={Logo} width={24} alt="" />
           <Image src={Name} width={130} alt="" className="ml-2 mt-0.5 hidden sm:block" />
-          <Image src={Title} width={210} alt="" className="ml-2 mt-0.5 pb-px" />
         </Link>
         <div className="flex flex-col items-end gap-2 md:flex-row-reverse md:items-start">
           <ConnectWalletButton />

src/consts/app.ts

@@ -7,9 +7,9 @@ export const MAIN_FONT = Space_Grotesk({
   preload: true,
   fallback: ['sans-serif'],
 });
-export const APP_NAME = 'Hyperlane Warp UI Template';
-export const APP_DESCRIPTION = 'A DApp for Hyperlane Warp Route transfers';
-export const APP_URL = 'hyperlane-warp-template.vercel.app';
+export const APP_NAME = 'Hyperlane Renzo Bridge';
+export const APP_DESCRIPTION = 'A token bridge for ezETH transfers, created by Hyperlane';
+export const APP_URL = 'renzo.hyperlane.xyz';
 export const BRAND_COLOR = Color.primary;
 export const BACKGROUND_COLOR = Color.primary;
 export const BACKGROUND_IMAGE = 'url(/backgrounds/main.svg)';

src/consts/config.ts

@@ -30,13 +30,13 @@ interface Config {
 export const config: Config = Object.freeze({
   addressBlacklist: ADDRESS_BLACKLIST.map((address) => address.toLowerCase()),
   chainWalletWhitelists,
-  enableExplorerLink: false,
+  enableExplorerLink: true,
   explorerApiKeys,
   isDevMode,
   registryUrl,
   registryProxyUrl,
   showDisabledTokens: false,
-  showTipBox: true,
+  showTipBox: false,
   version,
   transferBlacklist,
   walletConnectProjectId,

src/consts/warpRouteWhitelist.ts

@@ -2,8 +2,8 @@
 // Warp Route IDs use format `SYMBOL/chainname1-chainname2...` where chains are ordered alphabetically
 // If left null, all warp routes in the configured registry will be included
 // If set to a list (including an empty list), only the specified routes will be included
-export const warpRouteWhitelist: Array<string> | null = null;
-// Example:
-// [
-//   // 'ETH/ethereum-viction'
-// ];
+export const warpRouteWhitelist: Array<string> | null = [
+  'ezETH/arbitrum-base-blast-bsc-ethereum-fraxtal-linea-mode-optimism-sei-swell-taiko-zircuit',
+  'ezSOL/eclipsemainnet-solanamainnet',
+  'pzETH/ethereum-swell-zircuit',
+];

src/features/transfer/useTokenTransfer.ts

@@ -118,14 +118,14 @@ async function executeTransfer({
     const sender = getAccountAddressForChain(multiProvider, origin, activeAccounts.accounts);
     if (!sender) throw new Error('No active account found for origin chain');
 
-    const isCollateralSufficient = await warpCore.isDestinationCollateralSufficient({
-      originTokenAmount,
-      destination,
-    });
-    if (!isCollateralSufficient) {
-      toast.error('Insufficient collateral on destination for transfer');
-      throw new Error('Insufficient destination collateral');
-    }
+    // const isCollateralSufficient = await warpCore.isDestinationCollateralSufficient({
+    //   originTokenAmount,
+    //   destination,
+    // });
+    // if (!isCollateralSufficient) {
+    //   toast.error('Insufficient collateral on destination for transfer');
+    //   throw new Error('Insufficient destination collateral');
+    // }
 
     addTransfer({
       timestamp: new Date().getTime(),