Sync queryparams in XCM

galacticcouncil · Dec 17, 2024 · 81da5c4 · 81da5c4
1 parent e4f71d4
commit 81da5c4
Show file tree

Hide file tree

Showing 2 changed files with 25 additions and 0 deletions.
diff --git a/.changeset/shy-schools-impress.md b/.changeset/shy-schools-impress.md
@@ -0,0 +1,5 @@
+---
+'@galacticcouncil/apps': minor
+---
+
+Sync queryparams in XCM
diff --git a/packages/apps/src/app/xcm/App.ts b/packages/apps/src/app/xcm/App.ts
@@ -66,6 +66,7 @@ import {
 } from './types';
 
 import styles from './App.css';
+import { updateQueryParams } from 'utils/url';
 
 const Tag = xtags.Tag;
 
@@ -243,6 +244,21 @@ export class XcmApp extends PoolApp {
     this.dispatchEvent(new CustomEvent('gc:wallet:change', options));
   }
 
+  private updateQuery() {
+    const params = {
+      srcChain: this.transfer.srcChain.key,
+      destChain: this.transfer.destChain.key,
+      asset: this.transfer.srcAsset.key,
+    };
+    updateQueryParams(params);
+    const options = {
+      bubbles: true,
+      composed: true,
+      detail: params,
+    };
+    this.dispatchEvent(new CustomEvent('gc:query:update', options));
+  }
+
   private async changeChain() {
     this.disconnectSubscriptions();
     this.clearTransferErrors();
@@ -252,6 +268,8 @@ export class XcmApp extends PoolApp {
     // Prefill & validation
     this.prefillAddress();
     this.validateAddress();
+
+    this.updateQuery();
   }
 
   private async switchChains() {
@@ -309,6 +327,8 @@ export class XcmApp extends PoolApp {
       tags: tags || [],
     });
     this._syncData();
+
+    this.updateQuery();
   }
 
   updateAmount(amount: string) {