fix(app2): remove fee loading state when not ready

Signed-off-by: Eric Hegnes <[email protected]>

Author: ehegnes

app2/src/lib/stores/fee.svelte.ts

@@ -645,6 +645,16 @@ const createFeeStore = () => {
     get symbol(): O.Option<string> {
       return sourceSymbol
     },
+    get isReady(): boolean {
+      return pipe(
+        O.all([
+          TransferData.sourceChain,
+          TransferData.destinationChain,
+          TransferData.channel,
+        ]),
+        O.isSome,
+      )
+    },
     get isLoading(): boolean {
       return O.isNone(data)
     },

app2/src/lib/transfer/shared/components/FeeDetails.svelte

@@ -104,8 +104,10 @@ const calculating = false
   >
     <div class="flex items-center gap-1">
       <SharpGasIcon class="size-4 text-zinc-300" />
-      {#if loading}
-        <Skeleton class="h-3 w-16" />
+      {#if !FeeStore.isReady}
+        <!-- empty -->
+      {:else if loading}
+        <Skeleton class="h-3 w-26" />
         <Skeleton class="h-3 w-12" />
       {:else}
         {@render mapOption(