From 09f20d7004f8d5fde41f2f218c61f4e33e4dbca4 Mon Sep 17 00:00:00 2001
From: TsukiPond <reader2027@gmail.com>
Date: Mon, 10 Feb 2025 22:13:19 +0900
Subject: [PATCH] feat(ui): fix TypeScript type incompatibility for gasPrice in
 signingCosmWasm

---
 package/ui/src/App.tsx | 21 ++++++++++++---------
 1 file changed, 12 insertions(+), 9 deletions(-)

diff --git a/package/ui/src/App.tsx b/package/ui/src/App.tsx
index 2d2383356..5888f8280 100644
--- a/package/ui/src/App.tsx
+++ b/package/ui/src/App.tsx
@@ -1,4 +1,4 @@
-import { CosmWasmClient } from "@cosmjs/cosmwasm-stargate";
+import { CosmWasmClient, SigningCosmWasmClientOptions } from "@cosmjs/cosmwasm-stargate";
 import { GasPrice } from "@cosmjs/stargate";
 import { wallets as keplrWallets } from "@cosmos-kit/keplr-extension";
 import { wallets as leapWallets } from "@cosmos-kit/leap-extension";
@@ -19,7 +19,9 @@ import AppLayout from "./layout/app";
 import { ENABLED_TESTNETS, TESTNET } from "./lib/config";
 import rollbar from "./lib/rollbar";
 import Error from "./pages/error";
-typeof CosmWasmClient === "function" && null; // Pretend to use CosmWasmClient to avoid tree shaking, without side effects
+
+// Pretend to use CosmWasmClient to avoid tree shaking, without side effects
+typeof CosmWasmClient === "function" && null;
 
 const WalletDialog = lazy(() => import("./components/wallet-dialog"));
 const CallWeek1OptionPage = lazy(() => import("./pages/options/call-week1"));
@@ -55,7 +57,8 @@ const router = createBrowserRouter(
             { path: "put-week1", element: <PutWeek1OptionPage /> },
             { path: "call-week2", element: <CallWeek2OptionPage /> },
             { path: "put-week2", element: <PutWeek2OptionPage /> },
-            // { path: ":quoteDenom", element: <QuoteDenomTablePage /> }, if uncommented it creates a webpage: https://app.kogen.markets/options/quoteDenom
+            // { path: ":quoteDenom", element: <QuoteDenomTablePage /> }, 
+            // If uncommented, it creates a webpage: https://app.kogen.markets/options/quoteDenom
           ],
         },
       ],
@@ -95,28 +98,28 @@ function App() {
                 ENABLED_TESTNETS.includes(c.chain_id as TESTNET)
               )}
               assetLists={assets}
-              wallets={[...keplrWallets, ...leapWallets]} // supported wallets
+              wallets={[...keplrWallets, ...leapWallets]} // Supported wallets
               signerOptions={{
-                signingCosmwasm: (chain) => {
+                signingCosmwasm: (chain): SigningCosmWasmClientOptions | undefined => {
                   if ((chain as Chain).chain_id === TESTNET.NEUTRON) {
                     return {
                       gasPrice: GasPrice.fromString("0.01untrn"),
-                    };
+                    } as SigningCosmWasmClientOptions;
                   }
 
                   if ((chain as Chain).chain_id === TESTNET.ARCHWAY) {
                     return {
                       gasPrice: GasPrice.fromString("900000000000.0aconst"),
-                    };
+                    } as SigningCosmWasmClientOptions;
                   }
 
                   if ((chain as Chain).chain_id === TESTNET.SEI) {
                     return {
                       gasPrice: GasPrice.fromString("0.01usei"),
-                    };
+                    } as SigningCosmWasmClientOptions;
                   }
 
-                  return {};
+                  return undefined;
                 },
               }}
               //@ts-ignore