From 3f09a6a77eef227f22cf8d9cda226f8855ed300d Mon Sep 17 00:00:00 2001
From: William Chong <me@williamchong.cloud>
Date: Tue, 10 Jan 2023 03:59:46 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Move=20connect=20wallet=20and=20?=
 =?UTF-8?q?register=20button=20up=20to=20step=201=20in=20civic=20page?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/CivicLikerV3/PureDashboard.vue | 64 +++++++++----------
 1 file changed, 31 insertions(+), 33 deletions(-)

diff --git a/src/components/CivicLikerV3/PureDashboard.vue b/src/components/CivicLikerV3/PureDashboard.vue
index 3c545babf..42e0394d8 100644
--- a/src/components/CivicLikerV3/PureDashboard.vue
+++ b/src/components/CivicLikerV3/PureDashboard.vue
@@ -75,18 +75,36 @@
               />
             </i18n>
             <div class="border border-shade-gray rounded-[8px] mx-auto mt-[24px] p-[12px] flex justify-center items-center">
-              <i18n
-                :class="[isUnregistered ? 'text-medium-gray' : 'text-like-green' ,'font-600']"
-                tag="span"
-                :path="isUnregistered
-                  ? 'civic_dashboard_v3_summary_liker_id_unregistered'
-                  : 'civic_dashboard_v3_summary_liker_id_registered'
-                "
-              />
-              <TickIcon
-                v-if="!isUnregistered"
-                class="w-16 h-16 ml-8 fill-current text-success"
-              />
+              <ButtonV2
+                v-if="!isSignedIn"
+                :text="buttonTitle"
+                preset="secondary"
+                @click="$emit('sign-in')"
+              >
+                <template #prepend>
+                  <LoginIcon class="w-20 h-20" />
+                </template>
+              </ButtonV2>
+              <ButtonV2
+                v-else-if="isUnregistered"
+                :text="$t('civic_dashboard_v3_summary_action_button_register')"
+                preset="secondary"
+                @click="$emit('register')"
+              >
+                <template #prepend>
+                  <LoginIcon class="w-20 h-20" />
+                </template>
+              </ButtonV2>
+              <template v-else>
+                <i18n
+                  :class="['text-like-green' ,'font-600']"
+                  tag="span"
+                  path="civic_dashboard_v3_summary_liker_id_registered"
+                />
+                <TickIcon
+                  class="w-16 h-16 ml-8 fill-current text-success"
+                />
+              </template>
             </div>
           </CivicLikerV3StepSection>
 
@@ -127,27 +145,7 @@
 
           <footer class="flex flex-col items-center mt-32">
             <ButtonV2
-              v-if="!isSignedIn"
-              :text="buttonTitle"
-              preset="secondary"
-              @click="$emit('sign-in')"
-            >
-              <template #prepend>
-                <LoginIcon class="w-20 h-20" />
-              </template>
-            </ButtonV2>
-            <ButtonV2
-              v-else-if="isUnregistered"
-              :text="$t('civic_dashboard_v3_summary_action_button_register')"
-              preset="secondary"
-              @click="$emit('register')"
-            >
-              <template #prepend>
-                <LoginIcon class="w-20 h-20" />
-              </template>
-            </ButtonV2>
-            <ButtonV2
-              v-else
+              v-if="isSignedIn && !isUnregistered"
               :text="buttonTitle"
               :href="stakingManagementUrl"
               preset="outline"