TRUMP

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,7 @@ 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" />
+          {/* <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 = SpaceGrotesk({
   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 Trump Bridge';
+export const APP_DESCRIPTION = 'A token bridge for Trump transfers, created by Hyperlane';
+export const APP_URL = 'https://trump.hyperlane.xyz/';
 export const BRAND_COLOR = Color.primary['500'];
 export const BACKGROUND_COLOR = Color.primary['500'];
-export const BACKGROUND_IMAGE = 'url(/backgrounds/main.svg)';
+export const BACKGROUND_IMAGE = 'url(/backgrounds/main.webp)';

src/consts/chains.ts

@@ -1,9 +1,4 @@
-import {
-  eclipsemainnet,
-  eclipsemainnetAddresses,
-  solanamainnet,
-  solanamainnetAddresses,
-} from '@hyperlane-xyz/registry';
+import { solanamainnet, solanamainnetAddresses } from '@hyperlane-xyz/registry';
 import { ChainMap, ChainMetadata } from '@hyperlane-xyz/sdk';
 
 // A map of chain names to ChainMetadata
@@ -20,10 +15,6 @@ export const chains: ChainMap<ChainMetadata & { mailbox?: Address }> = {
       ? [{ http: process.env.NEXT_PUBLIC_SOLANA_RPC_URL }, ...solanamainnet.rpcUrls]
       : solanamainnet.rpcUrls,
   },
-  eclipsemainnet: {
-    ...eclipsemainnet,
-    mailbox: eclipsemainnetAddresses.mailbox,
-  },
   // mycustomchain: {
   //   protocol: ProtocolType.Ethereum,
   //   chainId: 123123,

src/consts/config.ts

@@ -34,7 +34,7 @@ export const config: Config = Object.freeze({
   registryBranch,
   registryProxyUrl,
   showDisabledTokens: false,
-  showTipBox: true,
+  showTipBox: false,
   version,
   transferBlacklist,
   walletConnectProjectId,

src/consts/warpRouteWhitelist.ts

@@ -2,8 +2,7 @@
 // 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 = [
+  'TRUMP/arbitrum-avalanche-base-flowmainnet-form-optimism-solanamainnet-worldchain',
+  'TRUMP/solanamainnet-trumpchain',
+];

src/features/transfer/TransferTokenForm.tsx

@@ -392,7 +392,7 @@ function MaxButton({ balance, disabled }: { balance?: TokenAmount; disabled?: bo
     <SolidButton
       type="button"
       onClick={onClick}
-      color="primary"
+      color="accent"
       disabled={disabled}
       className="absolute bottom-1 right-1 top-2.5 px-2 text-xs opacity-90 all:rounded"
     >
@@ -422,7 +422,7 @@ function SelfButton({ disabled }: { disabled?: boolean }) {
     <SolidButton
       type="button"
       onClick={onClick}
-      color="primary"
+      color="accent"
       disabled={disabled}
       className="absolute bottom-1 right-1 top-2.5 px-2 text-xs opacity-90 all:rounded"
     >

tailwind.config.js

@@ -20,30 +20,30 @@ module.exports = {
       colors: {
         black: '#010101',
         white: '#ffffff',
-        gray: { ...defaultColors.gray, '150': '#EBEDF0', '250': '#404040', '350': '#6B6B6B' },
+        gray: { ...defaultColors.gray, 150: '#EBEDF0', 250: '#404040', 350: '#6B6B6B' },
         primary: {
-          50: '#E6EDF9',
-          100: '#CDDCF4',
-          200: '#A7C2EC',
-          300: '#82A8E4',
-          400: '#5385D2',
-          500: '#2764c1',
-          600: '#1D4685',
-          700: '#162A4A',
-          800: '#11213B',
-          900: '#0D192C',
+          50: '#FDE7EB',
+          100: '#FACED6',
+          200: '#F49CAB',
+          300: '#EF6A7F',
+          400: '#E83C58',
+          500: '#B31942',
+          600: '#8D1234',
+          700: '#671026',
+          800: '#420A18',
+          900: '#1F040B',
         },
         accent: {
-          50: '#FAEAF8',
-          100: '#F2C1EA',
-          200: '#EA98DC',
-          300: '#E26ECE',
-          400: '#DA45C0',
-          500: '#D631B9',
-          600: '#C02CA6',
-          700: '#952281',
-          800: '#6B185C',
-          900: '#400E37',
+          50: '#E6ECF3',
+          100: '#C5D2E4',
+          200: '#94AFCF',
+          300: '#648CB9',
+          400: '#3B6CA8',
+          500: '#0A3161',
+          600: '#08274C',
+          700: '#061C37',
+          800: '#041328',
+          900: '#020B17',
         },
         red: {
           100: '#EBBAB8',