Merge pull request #385 from pendulum-chain/polygon-prototype-staging

Create production release
pendulum-chain · Jan 16, 2025 · 433ecbe · 433ecbe
2 parents f196bd1 + ab1cfb0
commit 433ecbe
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 22 deletions.
diff --git a/index.html b/index.html
@@ -1,13 +1,12 @@
 <!DOCTYPE html>
-<html lang="en" class="notranslate" translate="no">
+<html lang="en">
   <head>
     <meta charset="UTF-8" />
     <link rel="icon" type="image/png" href="/favicon.png" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>Vortex</title>
     <link rel="preconnect" href="https://fonts.googleapis.com" />
     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
-    <meta name="google" content="notranslate" />
 
     <!-- Google Tag Manager -->
     <script>
@@ -36,14 +35,14 @@
 
   <body style="background-color: #fff">
     <!-- Google Tag Manager (noscript) -->
-    <noscript>
-      <iframe
+    <noscript
+      ><iframe
         src="https://www.googletagmanager.com/ns.html?id=GTM-T8JZSLD8"
         height="0"
         width="0"
         style="display: none; visibility: hidden"
-      ></iframe>
-    </noscript>
+      ></iframe
+    ></noscript>
     <!-- End Google Tag Manager (noscript) -->
 
     <div id="app"></div>

diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
@@ -9,7 +9,7 @@ import { NetworkSelector } from '../NetworkSelector';
 import { useNetwork } from '../../contexts/network';
 
 const links = [
-  { title: 'Offramp', href: '/' },
+  { title: 'Sell Crypto', href: '/' },
   { title: 'How it works', href: 'https://www.vortexfinance.co/#lowest-code' },
   { title: 'Community', href: 'https://www.vortexfinance.co/#call-to-action' },
 ];

diff --git a/src/pages/swap/index.tsx b/src/pages/swap/index.tsx
@@ -1,4 +1,3 @@
-import { ArrowDownIcon } from '@heroicons/react/20/solid';
 import Big from 'big.js';
 import { useEffect, useMemo, useRef, useState, useCallback } from 'preact/hooks';
 import { ApiPromise } from '@polkadot/api';
@@ -61,12 +60,6 @@ import { TrustedBy } from '../../components/TrustedBy';
 import { WhyVortex } from '../../components/WhyVortex';
 import { usePolkadotWalletState } from '../../contexts/polkadotWallet';
 
-const Arrow = () => (
-  <div className="flex justify-center w-full my-5">
-    <ArrowDownIcon className="text-blue-700 w-7" />
-  </div>
-);
-
 export const SwapPage = () => {
   const formRef = useRef<HTMLDivElement | null>(null);
   const feeComparisonRef = useRef<FeeComparisonRef>(null);
@@ -98,7 +91,8 @@ export const SwapPage = () => {
   // Maybe go into a state of UI errors??
   const setInitializeFailed = useCallback((message?: string | null) => {
     setInitializeFailedMessage(
-      message ?? "We're stuck in the digital equivalent of rush hour traffic. Hang tight, we'll get moving again!",
+      message ??
+        "We're experiencing a digital traffic jam. Please hold tight while we clear the road and get things moving again!",
     );
   }, []);
 
@@ -381,13 +375,10 @@ export const SwapPage = () => {
     <main ref={formRef}>
       <SignInModal signingPending={signingPending} closeModal={handleCancel} handleSignIn={handleSign} />
       <SigningBox step={offrampSigningPhase} />
-      <form
-        className="max-w-2xl px-4 py-4 mx-4 my-8 rounded-lg shadow-custom md:mx-auto md:w-2/3 lg:w-3/5 xl:w-1/2"
-        onSubmit={onSwapConfirm}
-      >
-        <h1 className="mt-2 mb-5 text-3xl font-bold text-center text-blue-700">Withdraw</h1>
-        <LabeledInput label="You withdraw" htmlFor="fromAmount" Input={WithdrawNumericInput} />
-        <Arrow />
+      <form className="px-4 py-4 mx-4 my-8 rounded-lg shadow-custom md:mx-auto md:w-96" onSubmit={onSwapConfirm}>
+        <h1 className="mt-2 mb-5 text-3xl font-bold text-center text-blue-700">Sell Crypto</h1>
+        <LabeledInput label="You sell" htmlFor="fromAmount" Input={WithdrawNumericInput} />
+        <div className="my-10" />
         <LabeledInput label="You receive" htmlFor="toAmount" Input={ReceiveNumericInput} />
         <p className="mb-6 text-red-600">{getCurrentErrorMessage()}</p>
         <FeeCollapse