From 084de131f159054bd229f0f38bea7f5e12f50b1b Mon Sep 17 00:00:00 2001
From: Harsha <106158714+harshbaz@users.noreply.github.com>
Date: Tue, 4 Jun 2024 11:48:42 +0530
Subject: [PATCH] Cleanup messages (#2217)

* Fix messaging

* Fix logic

* Update error
---
 .../src/routes/migrate/+page.svelte           | 43 +++++--------------
 .../src/routes/migrate/form/+page.svelte      | 21 ++++-----
 2 files changed, 18 insertions(+), 46 deletions(-)

diff --git a/packages/web-client/src/routes/migrate/+page.svelte b/packages/web-client/src/routes/migrate/+page.svelte
index 2cb092ba5..45045a840 100644
--- a/packages/web-client/src/routes/migrate/+page.svelte
+++ b/packages/web-client/src/routes/migrate/+page.svelte
@@ -9,7 +9,6 @@ import Button from '@hnn/components/button/Button.svelte'
 import { authState } from '$lib/stores/auth'
 
 let loading = false
-let selected: 'yes' | 'no' | undefined = undefined
 </script>
 
 <svelte:head>
@@ -88,39 +87,17 @@ let selected: 'yes' | 'no' | undefined = undefined
         </div>
         <div class="h-1 w-10 border-t border-dashed border-white"></div>
         {#if $authState.isLoggedIn}
-          <div class="text-sm font-medium">
-            Have you logged in to yral.com with your google ID? <span
-              class="text-red-500">
-              *
-            </span>
-            <div class="flex gap-2 pt-2">
-              <button
-                on:click={() => (selected = 'yes')}
-                class="rounded-md px-8 py-2
-                {selected === 'yes' ? 'bg-primary/90' : 'bg-white/10'}">
-                Yes
-              </button>
-              <button
-                on:click={() => (selected = 'no')}
-                class="rounded-md px-8 py-2
-                {selected === 'no' ? 'bg-primary/90' : 'bg-white/10'}">
-                No
-              </button>
-            </div>
+          <div class="text-center text-sm font-medium">
+            Go to <a
+              target="_blank"
+              class="font-bold text-[#E2017B] underline"
+              href="https://yral.com">
+              Yral.com
+            </a>
+            and get your Yral Principal id before proceeding.
           </div>
-          {#if selected === 'yes'}
-            <Button class="w-full" href="/migrate/form">Proceed</Button>
-          {:else if selected === 'no'}
-            <div class="text-center text-sm font-medium">
-              Go to <a
-                target="_blank"
-                class="font-bold text-[#E2017B] underline"
-                href="https://yral.com">
-                Yral.com
-              </a>
-              and get your Yral Principal id before proceeding.
-            </div>
-          {/if}
+
+          <Button class="w-full" href="/migrate/form">Proceed</Button>
         {:else}
           <Button class="w-full" on:click={() => ($authState.showLogin = true)}>
             Login
diff --git a/packages/web-client/src/routes/migrate/form/+page.svelte b/packages/web-client/src/routes/migrate/form/+page.svelte
index dae862780..e5bec6534 100644
--- a/packages/web-client/src/routes/migrate/form/+page.svelte
+++ b/packages/web-client/src/routes/migrate/form/+page.svelte
@@ -100,6 +100,8 @@ async function transfer() {
         yralCanisterId: canId,
       })
       error = Object.keys(res.Err)?.[0]
+        ?.split(/(?=[A-Z])/)
+        ?.join(' ')
       step = 1
     }
   } finally {
@@ -179,7 +181,7 @@ $: if (loggedIn) {
       <div
         class="mx-auto flex h-full w-full max-w-sm flex-col items-center gap-10 overflow-y-auto px-8 py-8 lg:max-w-lg">
         <div
-          class="relative mt-20 flex w-full flex-col items-center gap-2 px-8">
+          class="relative z-0 mt-20 flex w-full flex-col items-center gap-2 px-8">
           <img src={bigCoin} alt="yral" />
         </div>
         {#if transferred}
@@ -223,12 +225,12 @@ $: if (loggedIn) {
           </div>
           <a
             target="_blank"
-            class="text-3xl font-bold uppercase text-[#E2017B]"
+            class="z-[1] text-3xl font-bold uppercase text-[#E2017B]"
             href="https://yral.com">
             Yral.com
           </a>
         </div>
-        <a href="/migrate-faq" class="font-bold text-primary underline">
+        <a href="/migrate-faq" class="z-[1] font-bold text-primary underline">
           Learn more about the transfer here
         </a>
         <div class="h-1 w-10 border-t border-dashed border-white"></div>
@@ -260,16 +262,9 @@ $: if (loggedIn) {
             bind:value={yralId}
             class="w-full rounded-md bg-white/10 py-4" />
 
-          <div class="flex gap-2">
-            <input
-              checked
-              type="checkbox"
-              class="h-4 w-4 rounded border-2 border-white bg-transparent text-primary focus:ring-0" />
-
-            <div class="text-sm">
-              Do you want to transfer your tokens from HON wallet to “xxx” YRAL
-              wallet?
-            </div>
+          <div class="text-sm">
+            Note: Both the posts and the wallet balance will be transferred to
+            your yral account.
           </div>
 
           {#if error}