fix: prevent account not found error on disconnect (#2073)

Co-authored-by: tomiir <rocchitomas@gmail.com>
WalletConnect · Mar 27, 2024 · 39c78b8 · 39c78b8
1 parent c14add9
commit 39c78b8
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 3 deletions.
diff --git a/packages/scaffold/src/modal/w3m-account-button/index.ts b/packages/scaffold/src/modal/w3m-account-button/index.ts
@@ -79,7 +79,8 @@ export class W3mAccountButton extends LitElement {
       <wui-account-button
         .disabled=${Boolean(this.disabled)}
         .isUnsupportedChain=${this.isUnsupportedChain}
-        address=${ifDefined(this.profileName ?? this.address)}
+        address=${ifDefined(this.address)}
+        profileName=${ifDefined(this.profileName)}
         ?isProfileName=${Boolean(this.profileName)}
         networkSrc=${ifDefined(networkImage)}
         avatarSrc=${ifDefined(this.profileImage)}

diff --git a/packages/scaffold/src/partials/w3m-account-default-widget/index.ts b/packages/scaffold/src/partials/w3m-account-default-widget/index.ts
@@ -52,7 +52,7 @@ export class W3mAccountDefaultWidget extends LitElement {
             this.profileName = val.profileName
             this.balance = val.balance
             this.balanceSymbol = val.balanceSymbol
-          } else {
+          } else if (!this.disconnecting) {
             SnackController.showError('Account not found')
           }
         })

diff --git a/packages/ui/src/composites/wui-account-button/index.ts b/packages/ui/src/composites/wui-account-button/index.ts
@@ -30,6 +30,8 @@ export class WuiAccountButton extends LitElement {
 
   @property() public address = ''
 
+  @property() public profileName = ''
+
   @property() public charsStart = 4
 
   @property() public charsEnd = 6
@@ -50,7 +52,7 @@ export class WuiAccountButton extends LitElement {
           ></wui-avatar>
           <wui-text variant="paragraph-600" color="inherit">
             ${UiHelperUtil.getTruncateString({
-              string: this.address,
+              string: this.isProfileName ? this.profileName : this.address,
               charsStart: this.isProfileName ? 18 : this.charsStart,
               charsEnd: this.isProfileName ? 0 : this.charsEnd,
               truncate: this.isProfileName ? 'end' : 'middle'