Merge pull request #1571 from balancednetwork/feat/hswap

Feat/hswap
balancednetwork · Dec 19, 2024 · e23eb76 · e23eb76
2 parents ccde396 + b374323
commit e23eb76
Show file tree

Hide file tree

Showing 8 changed files with 41 additions and 49 deletions.
diff --git a/apps/hswap/index.html b/apps/hswap/index.html
@@ -1,55 +1,47 @@
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="/favicon-32x32.png" />
-    <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
-    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
-    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
-    <meta name="theme-color" content="#01002a" />
-    <meta name="description" content="Hanaswap" />
-    <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#01002a" />
-    <meta name="msapplication-TileColor" content="#01002a" />
-    <meta name="twitter:site" content="@Hanaswap" />
-    <meta name="twitter:title" content="Hanaswap" />
-    <meta
-      name="twitter:description"
-      content="Swap BTC, ETH, SUI, SOL, and more natively across blockchains."
-    />
-    <meta name="twitter:card" content="summary_large_image" />
-    <meta property="twitter:image:src" content="https://hanaswap.com/img-preview/home.png" />
-    <meta name="twitter:image:alt" content="Swap BTC, ETH, SUI, SOL, and more natively across blockchains." />
-    <meta property="og:title" content="Swaps made simple | Hana Swap" />
-    <meta
-      property="og:description"
-      content="Swap BTC, ETH, SUI, SOL, and more natively across blockchains."
-    />
-    <meta property="og:url" content="https://hanaswap.com" />
-    <meta property="og:image" content="https://hanaswap.com/img-preview/home.png" />
-    <!-- <script
-      defer
-      data-domain="hanaswap.com,rollup.balanced.overview"
-      src="https://plausible.io/js/plausible.js"
-    ></script> -->
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="/favicon-32x32.png" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+  <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png" />
+  <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png" />
+  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
+  <meta name="theme-color" content="#01002a" />
+  <meta name="description" content="Hanaswap.com is your gateway to secure, decentralized, and efficient cross-chain token swaps. Built by Hana Wallet and powered by ICX, it eliminates the need for centralized exchanges." />
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#01002a" />
+  <meta name="msapplication-TileColor" content="#01002a" />
 
-    <!--
-      manifest.json provides metadata used when your web app is installed on a
-      user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-    -->
-    <link rel="manifest" href="/manifest.json" />
-    <!--
-      Notice the use of  in the tags above.
-      It will be replaced with the URL of the `public` folder during the build.
-      Only files inside the `public` folder can be referenced from the HTML.
+  <!-- Twitter Metadata -->
+  <meta name="twitter:site" content="@hanawallet" />
+  <meta name="twitter:title" content="Hanaswap | Easy Native Swaps Across Chains" />
+  <meta name="twitter:description" content="Experience secure, fast, and decentralized cross-chain swaps. Powered by ICX, Hanaswap bridges blockchain ecosystems with ease." />
+  <meta name="twitter:card" content="summary_large_image" />
+  <meta property="twitter:image:src" content="https://hanaswap.com/img-preview/home.png" />
+  <meta name="twitter:image:alt" content="Hanaswap | Easy Native Swaps Across Chains" />
 
-      Unlike "/favicon.ico" or "favicon.ico", "/favicon.ico" will
-      work correctly both with client-side routing and a non-root public URL.
-      Learn how to configure a non-root public URL by running `npm run build`.
-    -->
-    <title>Swaps made simple | Hana Swap</title>
-  </head>
-  <body>
+  <!-- Open Graph Metadata -->
+  <meta property="og:title" content="Hanaswap | Easy Native Swaps Across Chains" />
+  <meta property="og:description" content="Swap tokens securely across Solana, Sui, Base, Arbitrum, Avalanche, ICON, Stellar, and more with Hanaswap.com. Powered by ICX, Hanaswap ensures no delays, low fees, and no intermediaries." />
+  <meta property="og:url" content="https://hanaswap.com/" />
+  <meta property="og:site_name" content="Hanaswap" />
+  <meta property="og:image" content="https://hanaswap.com/img-preview/home.png" />
+  <meta property="og:image:alt" content="Hanaswap | Easy Native Swaps Across Chains" />
+  <meta property="og:image:width" content="800" />
+  <meta property="og:image:height" content="600" />
+  <meta property="og:locale" content="en_US" />
+  <meta property="og:type" content="website" />
+
+  <!-- Icons -->
+  <link rel="manifest" href="/manifest.json" />
+  <link rel="mask-icon" href="/safari-pinned-tab.svg" color="#01002a" />
+  <link rel="icon" href="/favicon-32x32.png" />
+  <link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />
+
+  <!-- Page Title -->
+  <title>Hanaswap | Easy Native Swaps Across Chains</title>
+</head>
+<body>
     <script type="module" src="/src/index.tsx"></script>
     <noscript>You need to enable JavaScript to run this app.</noscript>
     <div id="root"></div>

diff --git a/apps/hswap/public/favicon-16x16.png b/apps/hswap/public/favicon-16x16.png
diff --git a/apps/hswap/public/favicon-32x32.png b/apps/hswap/public/favicon-32x32.png
diff --git a/apps/hswap/public/favicon-48x48.png b/apps/hswap/public/favicon-48x48.png
diff --git a/apps/hswap/public/favicon-64x64.png b/apps/hswap/public/favicon-64x64.png
diff --git a/apps/hswap/public/img-preview/home.png b/apps/hswap/public/img-preview/home.png
diff --git a/apps/hswap/public/img-preview/trade.png b/apps/hswap/public/img-preview/trade.png
diff --git a/apps/hswap/src/app/pages/trade/xswap/_components/RecipientAddressPanel.tsx b/apps/hswap/src/app/pages/trade/xswap/_components/RecipientAddressPanel.tsx
@@ -157,7 +157,7 @@ function AddressInputForm({
           }}
           autoFocus
           className={cn(
-            'py-0 h-7 rounded-full bg-transparent border-none px-2 focus-visible:ring-0 focus-visible:ring-offset-0 font-medium text-sm text-center',
+            'py-0 h-7 rounded-full bg-transparent border-none px-2 focus-visible:ring-0 focus-visible:ring-offset-0 font-medium text-sm text-center placeholder:text-[#695682]',
             editable ? 'w-full' : 'w-0',
           )}
           autoComplete="off"