Merge pull request #12 from skip-mev/staging

Deploy max fee button to prod

src/components/AssetInput.tsx

@@ -7,6 +7,7 @@ import Toast from "@/elements/Toast";
 import { useChain } from "@cosmos-kit/react";
 import { ethers } from "ethers";
 import { useAssets } from "@/context/assets";
+import { getFee } from "@/utils/utils";
 
 interface Props {
  amount: string;
@@ -31,7 +32,7 @@ const AssetInput: FC<Props> = ({
 }) => {
  const [isError, setIsError] = useState(false);
 
- const { assetsByChainID, getNativeAssets } = useAssets();
+ const { assetsByChainID, getNativeAssets, getFeeDenom } = useAssets();
 
  const assets = useMemo(() => {
  if (!chain) {
@@ -41,8 +42,6 @@ const AssetInput: FC<Props> = ({
  return assetsByChainID(chain.chain_id);
  }, [assetsByChainID, chain, getNativeAssets]);
 
- // console.log(assets);
-
  const showChainInfo = chain ? false : true;
 
  const { address } = useChain(chain?.record?.name ?? "cosmoshub");
@@ -134,11 +133,28 @@ const AssetInput: FC<Props> = ({
  className="font-extrabold text-xs bg-neutral-400 text-white px-3 py-1 rounded-md transition-transform enabled:hover:scale-110 enabled:hover:rotate-2 disabled:cursor-not-allowed"
  disabled={maxButtonDisabled}
  onClick={() => {
- if (!selectedAssetBalance) {
+ if (!selectedAssetBalance || !chain || !asset) {
  return;
  }
 
- onAmountChange?.(selectedAssetBalance);
+ const feeDenom = getFeeDenom(chain.chain_id);
+
+ let amount = selectedAssetBalance;
+
+ // if selected asset is the fee denom, subtract the fee
+ if (feeDenom && feeDenom.denom === asset.denom) {
+ const fee = getFee(chain.chain_id);
+
+ const feeInt = parseFloat(
+ ethers.formatUnits(fee, asset.decimals)
+ ).toFixed(asset.decimals);
+
+ amount = (
+ parseFloat(selectedAssetBalance) - parseFloat(feeInt)
+ ).toFixed(asset.decimals);
+ }
+
+ onAmountChange?.(amount);
  }}
  >
  MAX

src/pages/index.tsx

@@ -1,4 +1,5 @@
 import { Fragment } from "react";
+import va from "@vercel/analytics";
 import { useChains } from "@/context/chains";
 import AssetInput from "@/components/AssetInput";
 import { ArrowsUpDownIcon } from "@heroicons/react/20/solid";
@@ -9,7 +10,6 @@ import TransactionDialog from "@/components/TransactionDialog";
 import { queryClient } from "@/utils/query";
 import { getBalancesByChain } from "@/cosmos";
 import { useInterval } from "@/utils/hooks";
-import va from "@vercel/analytics";
 
 export default function Home() {
  const { chains } = useChains();

src/solve/api.ts

@@ -7,7 +7,7 @@ interface GetChainsResponse {
  chains: Chain[];
 }
 
-const IGNORE_CHAINS = ["agoric", "8ball"];
+const IGNORE_CHAINS = ["agoric", "8ball", "akashnet-2"];
 
 export async function getChains() {
  const response = await axios.get<GetChainsResponse>(`${API_URL}/info/chains`);

src/solve/form.ts

@@ -516,11 +516,10 @@ export async function executeRoute(
  ),
  }
  );
- 
+
  const tx = await client.signAndBroadcast(msgJSON.sender, [msg], "auto");
  }
 
-
  while (true) {
  console.log("polling...");
 

src/utils/utils.ts

@@ -376,3 +376,22 @@ export async function getOfflineSignerOnlyAmino(
 
  throw new Error("unsupported wallet");
 }
+
+export function getFee(chainID: string) {
+ const chain = getChainByID(chainID);
+
+ const feeInfo = chain.fees?.fee_tokens[0];
+
+ if (!feeInfo) {
+ throw new Error("No fee info found");
+ }
+
+ let averageGasPrice = 0;
+ if (feeInfo.average_gas_price) {
+ averageGasPrice = feeInfo.average_gas_price;
+ }
+
+ const amountNeeded = averageGasPrice * 200000;
+
+ return amountNeeded;
+}