From d909dfcfaccb8be81f016d363d7bfc3ed5517bed Mon Sep 17 00:00:00 2001
From: Ezra Sowden-Guzman <ezratic@gmail.com>
Date: Fri, 5 Jan 2024 18:36:11 -0500
Subject: [PATCH] fix error message

---
 src/pages/home/NativeLoginButton.vue | 20 ++++++++++++++++++--
 1 file changed, 18 insertions(+), 2 deletions(-)

diff --git a/src/pages/home/NativeLoginButton.vue b/src/pages/home/NativeLoginButton.vue
index 782735a3..5cd5cfa4 100644
--- a/src/pages/home/NativeLoginButton.vue
+++ b/src/pages/home/NativeLoginButton.vue
@@ -87,7 +87,9 @@ export default defineComponent({
                     this.$router.push({ path: '/zero/balance' });
                 }
             } catch (e) {
-                this.$errorNotification(e);
+                if (e.message !== 'User canceled request (Modal closed)') {
+                    this.$errorNotification(e);
+                }
             }
         },
         openUrl(url) {
@@ -249,7 +251,7 @@ export default defineComponent({
                 <QSpinnerFacebook />
             </div>
             <template v-else>
-                <img :src="getWalletIcon(wallet)" width="24" >
+                <img :src="getWalletIcon(wallet)" width="24" class="c-native-login__ual-logo">
                 {{ getWalletName(wallet) }}
             </template>
         </div>
@@ -346,6 +348,8 @@ export default defineComponent({
 <style lang="scss">
 
 .c-native-login {
+    $this: &;
+
     &__buttons-container {
         display: flex;
         flex-direction: column;
@@ -358,6 +362,14 @@ export default defineComponent({
         text-align: center;
     }
 
+    &__ual-logo {
+        opacity: 0.8;
+
+        @include mobile-only {
+            opacity: 1;
+        }
+    }
+
     &__button {
         display: flex;
         align-items: center;
@@ -378,6 +390,10 @@ export default defineComponent({
         &:focus {
             outline-color: $white;
             outline-width: 2px;
+
+            #{$this}__ual-logo {
+                opacity: 1;
+            }
         }
 
         &--centered {