Show no quote token available in app (#3638)

- **feat(app): wip quote token msg** - **feat(app): show no quote token available message** - **chore(app): fmt**
unionlabs · Jan 24, 2025 · 8126d57 · 8126d57
2 parents ac7101f + 85c7df9
commit 8126d57
Show file tree

Hide file tree

Showing 5 changed files with 40 additions and 27 deletions.
diff --git a/app/app.nix b/app/app.nix
@@ -19,7 +19,7 @@ _: {
     {
       packages = {
         app = jsPkgs.buildNpmPackage {
-          npmDepsHash = "sha256-z5AN/oqJSY2R2wAQx4RooCG/7P6AY41hyfmeW3ytEGc=";
+          npmDepsHash = "sha256-ZXPdOFx9IyZNGVbKXSBm1rDA3rkwgQYQROrAX35E09c=";
           src = ./.;
           sourceRoot = "app";
           npmFlags = [

diff --git a/app/package-lock.json b/app/package-lock.json
diff --git a/app/package.json b/app/package.json
@@ -28,7 +28,7 @@
     "@tanstack/svelte-query": "5.61.5",
     "@tanstack/svelte-table": "^8.20.5",
     "@tanstack/svelte-virtual": "3.10.9",
-    "@unionlabs/client": "0.0.52",
+    "@unionlabs/client": "0.0.53",
     "@wagmi/connectors": "5.7.5",
     "@wagmi/core": "2.16.3",
     "bits-ui": "^0.21.13",

diff --git a/app/src/lib/components/TransferFrom/components/Cube/faces/Intent.svelte b/app/src/lib/components/TransferFrom/components/Cube/faces/Intent.svelte
@@ -28,15 +28,18 @@ export let stores: Props["stores"]
 export let rotateTo: Props["rotateTo"]
 export let chains: Array<Chain>
 export let channel: Readable<Ucs03Channel | null>
-export let transferArgs: {
-  baseToken: string
-  baseAmount: bigint
-  quoteToken: string
-  quoteAmount: bigint
-  receiver: string
-  sourceChannelId: number
-  ucs03address: string
-} | null
+export let transferArgs:
+  | {
+      baseToken: string
+      baseAmount: bigint
+      quoteToken: string
+      quoteAmount: bigint
+      receiver: string
+      sourceChannelId: number
+      ucs03address: string
+    }
+  | "NO_QUOTE_AVAILABLE"
+  | null
 
 let { rawIntents, intents, validation } = stores
 </script>
@@ -106,6 +109,8 @@ let { rawIntents, intents, validation } = stores
           {:else}
             {#if !transferArgs}
               <LoadingDots/>
+            {:else if transferArgs === "NO_QUOTE_AVAILABLE"}
+              <div class="text-xs text-center">No Quote Token available for this transfer. Sending new assets to Cosmos is currently not supported and will be enabled in an update soon.</div>
             {:else}
               <div class="flex-1 flex flex-col items-center text-xs">
                 <Token amount={$rawIntents.amount} chainId={$rawIntents.destination} denom={transferArgs.quoteToken} {chains}/>

diff --git a/app/src/lib/components/TransferFrom/index.svelte b/app/src/lib/components/TransferFrom/index.svelte
@@ -33,15 +33,19 @@ let channel = derived(rawIntents, $rawIntents => {
   return getChannelInfo($rawIntents.source, $rawIntents.destination, ucs03channels)
 })
 
-let transferArgs: Writable<{
-  baseToken: string
-  baseAmount: bigint
-  quoteToken: string
-  quoteAmount: bigint
-  receiver: string
-  sourceChannelId: number
-  ucs03address: string
-} | null> = writable(null)
+let transferArgs: Writable<
+  | {
+      baseToken: string
+      baseAmount: bigint
+      quoteToken: string
+      quoteAmount: bigint
+      receiver: string
+      sourceChannelId: number
+      ucs03address: string
+    }
+  | "NO_QUOTE_AVAILABLE"
+  | null
+> = writable(null)
 
 rawIntents.subscribe(async () => {
   transferArgs.set(null)
@@ -63,7 +67,13 @@ rawIntents.subscribe(async () => {
   const quoteToken = await getQuoteToken($rawIntents.source, baseToken, $channel)
 
   if (quoteToken.isErr()) {
-    return null
+    transferArgs.set(null)
+    return
+  }
+
+  if (quoteToken.value.type === "NO_QUOTE_AVAILABLE") {
+    transferArgs.set("NO_QUOTE_AVAILABLE")
+    return
   }
 
   const receiver =
@@ -76,8 +86,6 @@ rawIntents.subscribe(async () => {
       ? fromHex(`0x${$channel.source_port_id}`, "string")
       : `0x${$channel.source_port_id}`
 
-  console.log("setting")
-
   transferArgs.set({
     baseToken,
     baseAmount: BigInt($rawIntents.amount),