From 31fe4eea543b0d4e40ff8cb81f6123ef6f288069 Mon Sep 17 00:00:00 2001
From: Prayag <52105313+prayagd@users.noreply.github.com>
Date: Wed, 15 Jan 2025 11:06:32 +0530
Subject: [PATCH 1/9] Navbar item updated

---
 src/components/Navbar/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/components/Navbar/index.tsx b/src/components/Navbar/index.tsx
index bdd27fbb..8e0b97e1 100644
--- 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' },
 ];

From f3fcb9e6089fc646c4fdd43d4e89c076eeb36216 Mon Sep 17 00:00:00 2001
From: Prayag <52105313+prayagd@users.noreply.github.com>
Date: Wed, 15 Jan 2025 11:09:23 +0530
Subject: [PATCH 2/9] updated the title and from dropdown

---
 src/pages/swap/index.tsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/pages/swap/index.tsx b/src/pages/swap/index.tsx
index 2c7daf4c..2bbf5942 100644
--- a/src/pages/swap/index.tsx
+++ b/src/pages/swap/index.tsx
@@ -385,8 +385,8 @@ export const SwapPage = () => {
         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} />
+        <h1 className="mt-2 mb-5 text-3xl font-bold text-center text-blue-700">Sell Crypto</h1>
+        <LabeledInput label="Sell Crypto" htmlFor="fromAmount" Input={WithdrawNumericInput} />
         <Arrow />
         <LabeledInput label="You receive" htmlFor="toAmount" Input={ReceiveNumericInput} />
         <p className="mb-6 text-red-600">{getCurrentErrorMessage()}</p>

From a19e5f27c3bf48fe7a69ef7aa7844e565f94ac74 Mon Sep 17 00:00:00 2001
From: Prayag <52105313+prayagd@users.noreply.github.com>
Date: Wed, 15 Jan 2025 11:11:14 +0530
Subject: [PATCH 3/9] arrow removed

---
 src/pages/swap/index.tsx | 9 ++-------
 1 file changed, 2 insertions(+), 7 deletions(-)

diff --git a/src/pages/swap/index.tsx b/src/pages/swap/index.tsx
index 2bbf5942..f020d048 100644
--- a/src/pages/swap/index.tsx
+++ b/src/pages/swap/index.tsx
@@ -1,4 +1,4 @@
-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,11 +61,7 @@ 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);
@@ -387,7 +383,6 @@ export const SwapPage = () => {
       >
         <h1 className="mt-2 mb-5 text-3xl font-bold text-center text-blue-700">Sell Crypto</h1>
         <LabeledInput label="Sell Crypto" htmlFor="fromAmount" Input={WithdrawNumericInput} />
-        <Arrow />
         <LabeledInput label="You receive" htmlFor="toAmount" Input={ReceiveNumericInput} />
         <p className="mb-6 text-red-600">{getCurrentErrorMessage()}</p>
         <FeeCollapse

From 9594cca7aa6346b3faf903f7206c74eafbecb725 Mon Sep 17 00:00:00 2001
From: Prayag <52105313+prayagd@users.noreply.github.com>
Date: Wed, 15 Jan 2025 11:33:49 +0530
Subject: [PATCH 4/9] added margin

---
 src/pages/swap/index.tsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/pages/swap/index.tsx b/src/pages/swap/index.tsx
index f020d048..b46586f1 100644
--- a/src/pages/swap/index.tsx
+++ b/src/pages/swap/index.tsx
@@ -383,6 +383,7 @@ export const SwapPage = () => {
       >
         <h1 className="mt-2 mb-5 text-3xl font-bold text-center text-blue-700">Sell Crypto</h1>
         <LabeledInput label="Sell Crypto" htmlFor="fromAmount" Input={WithdrawNumericInput} />
+        <div className="mt-10 mb-10"></div>
         <LabeledInput label="You receive" htmlFor="toAmount" Input={ReceiveNumericInput} />
         <p className="mb-6 text-red-600">{getCurrentErrorMessage()}</p>
         <FeeCollapse

From 4ae8d347db44043a58a9bc83d085768a7367583a Mon Sep 17 00:00:00 2001
From: Kacper Szarkiewicz <szarkiewiczmail@gmail.com>
Date: Wed, 15 Jan 2025 16:27:52 +0100
Subject: [PATCH 5/9] update initialization error message

---
 src/pages/swap/index.tsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/pages/swap/index.tsx b/src/pages/swap/index.tsx
index 2c7daf4c..0731923f 100644
--- a/src/pages/swap/index.tsx
+++ b/src/pages/swap/index.tsx
@@ -98,7 +98,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!",
     );
   }, []);
 

From bb8c69f1265ceacf846505535634e7e54ff0c4b5 Mon Sep 17 00:00:00 2001
From: Prayag <52105313+prayagd@users.noreply.github.com>
Date: Thu, 16 Jan 2025 11:01:19 +0530
Subject: [PATCH 6/9] change margin

Co-authored-by: Marcel Ebert <mail@marcel-ebert.de>
---
 src/pages/swap/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/swap/index.tsx b/src/pages/swap/index.tsx
index b46586f1..04c78bbf 100644
--- a/src/pages/swap/index.tsx
+++ b/src/pages/swap/index.tsx
@@ -383,7 +383,7 @@ export const SwapPage = () => {
       >
         <h1 className="mt-2 mb-5 text-3xl font-bold text-center text-blue-700">Sell Crypto</h1>
         <LabeledInput label="Sell Crypto" htmlFor="fromAmount" Input={WithdrawNumericInput} />
-        <div className="mt-10 mb-10"></div>
+        <div className="my-10" />
         <LabeledInput label="You receive" htmlFor="toAmount" Input={ReceiveNumericInput} />
         <p className="mb-6 text-red-600">{getCurrentErrorMessage()}</p>
         <FeeCollapse

From 4d1c1eccebb02fc92dae2ca798303a291adc2002 Mon Sep 17 00:00:00 2001
From: Prayag <52105313+prayagd@users.noreply.github.com>
Date: Thu, 16 Jan 2025 11:01:48 +0530
Subject: [PATCH 7/9] from dropdown change

Co-authored-by: Marcel Ebert <mail@marcel-ebert.de>
---
 src/pages/swap/index.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/src/pages/swap/index.tsx b/src/pages/swap/index.tsx
index 04c78bbf..7f8f2226 100644
--- a/src/pages/swap/index.tsx
+++ b/src/pages/swap/index.tsx
@@ -382,7 +382,7 @@ export const SwapPage = () => {
         onSubmit={onSwapConfirm}
       >
         <h1 className="mt-2 mb-5 text-3xl font-bold text-center text-blue-700">Sell Crypto</h1>
-        <LabeledInput label="Sell Crypto" htmlFor="fromAmount" Input={WithdrawNumericInput} />
+        <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>

From 34911abea13758e6777f8a101989e346ed05c58c Mon Sep 17 00:00:00 2001
From: Marcel Ebert <mail@marcel-ebert.de>
Date: Thu, 16 Jan 2025 14:17:12 +0100
Subject: [PATCH 8/9] Revert "Add `notranslate` meta tag to prevent browser
 translation"

---
 index.html | 11 +++++------
 1 file changed, 5 insertions(+), 6 deletions(-)

diff --git a/index.html b/index.html
index 1ec38ed4..2eaa699a 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!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" />
@@ -7,7 +7,6 @@
     <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>

From 76e39ebfc8ac46a1da5d165b40fccf7f882cb086 Mon Sep 17 00:00:00 2001
From: Kacper Szarkiewicz <szarkiewiczmail@gmail.com>
Date: Thu, 16 Jan 2025 16:12:49 +0100
Subject: [PATCH 9/9] fix size of swap to 384px

---
 src/pages/swap/index.tsx | 8 +-------
 1 file changed, 1 insertion(+), 7 deletions(-)

diff --git a/src/pages/swap/index.tsx b/src/pages/swap/index.tsx
index 5f9ab62c..3bef4abc 100644
--- a/src/pages/swap/index.tsx
+++ b/src/pages/swap/index.tsx
@@ -1,4 +1,3 @@
-
 import Big from 'big.js';
 import { useEffect, useMemo, useRef, useState, useCallback } from 'preact/hooks';
 import { ApiPromise } from '@polkadot/api';
@@ -61,8 +60,6 @@ import { TrustedBy } from '../../components/TrustedBy';
 import { WhyVortex } from '../../components/WhyVortex';
 import { usePolkadotWalletState } from '../../contexts/polkadotWallet';
 
-
-
 export const SwapPage = () => {
   const formRef = useRef<HTMLDivElement | null>(null);
   const feeComparisonRef = useRef<FeeComparisonRef>(null);
@@ -378,10 +375,7 @@ 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}
-      >
+      <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" />