add swap and fix donate

packages/app/src/components/DonateComponent.tsx

@@ -145,7 +145,8 @@ function DonateComponent({ collective }: DonateComponentProps) {
 
   const isInsufficientBalance = donorCurrencyBalance ? totalDecimalDonation > donorCurrencyBalance : true;
   const isInsufficientLiquidity = currency !== 'G$' && swapRouteStatus !== SwapRouteState.READY;
-  const isUnacceptablePriceImpact = currency !== 'G$' && priceImpact ? priceImpact.gte(0.1) : false;
+  // TODO: what is an acceptable price impact?
+  const isUnacceptablePriceImpact = currency !== 'G$' && priceImpact ? priceImpact.gte(10) : false;
 
   const { price } = useGetTokenPrice(currency);
   const usdValue = price ? formatFiatCurrency(decimalDonationAmount * price) : undefined;

packages/app/src/hooks/useGetTokenPrice.tsx

@@ -21,16 +21,32 @@ export const useGetTokenPrice = (currency: string): { price?: number; isLoading:
   return { price, isLoading };
 };
 
-const getTokenPrice = (currency: string, token: Token): Promise<number | undefined> => {
+const getTokenPrice = async (currency: string, token: Token): Promise<number | undefined> => {
   let tokenAddress = coingeckoTokenMapping[currency] ?? token.address;
-  const url = `https://api.coingecko.com/api/v3/simple/token_price/celo?contract_addresses=${tokenAddress}&vs_currencies=usd`;
-  return axios
-    .get(url)
+  const priceByContractUrl = `https://api.coingecko.com/api/v3/simple/token_price/celo?contract_addresses=${tokenAddress}&vs_currencies=usd`;
+  const priceByContract: number | undefined = await axios
+    .get(priceByContractUrl)
     .then((res) => {
       return res.data[tokenAddress.toLowerCase()]?.usd;
     })
     .catch((err) => {
       console.error(err);
       return undefined;
     });
+
+  if (priceByContract !== undefined) {
+    return priceByContract;
+  }
+
+  // fallback
+  const priceBySymbolUrl = `https://api.coingecko.com/api/v3/simple/price?ids=${currency}&vs_currencies=usd`;
+  return await axios
+    .get(priceBySymbolUrl)
+    .then((res) => {
+      return res.data[currency.toLowerCase()]?.usd;
+    })
+    .catch((err) => {
+      console.error(err);
+      return undefined;
+    });
 };

packages/app/src/hooks/useSwapRoute.tsx

@@ -1,4 +1,4 @@
-import { AlphaRouter, SwapRoute, V3Route } from '@uniswap/smart-order-router';
+import { AlphaRouter, SwapRoute, SwapType, V3Route } from '@uniswap/smart-order-router';
 import { CurrencyAmount, Percent, TradeType } from '@uniswap/sdk-core';
 import { useAccount, useNetwork } from 'wagmi';
 import { GDToken } from '../models/constants';
@@ -55,14 +55,12 @@ export function useSwapRoute(
         inputAmount,
         GDToken,
         TradeType.EXACT_INPUT,
-        // TODO: use SwapConfig when https://github.com/Uniswap/sdk-core/issues/20 is resolved by https://github.com/Uniswap/sdk-core/pull/69
-        // {
-        //   type: SwapType.SWAP_ROUTER_02,
-        //   recipient: address,
-        //   slippageTolerance: slippageTolerance,
-        //   deadline: Math.floor(Date.now() / 1000 + 1800),
-        // },
-        undefined,
+        {
+          type: SwapType.SWAP_ROUTER_02,
+          recipient: address,
+          slippageTolerance: slippageTolerance,
+          deadline: Math.floor(Date.now() / 1000 + 1800),
+        },
         {
           protocols: [Protocol.V3],
         }
@@ -76,16 +74,14 @@ export function useSwapRoute(
       });
   }, [address, chain?.id, signer?.provider, tokenIn, decimalAmountIn, duration, slippageTolerance]);
 
-  if (!route) {
+  if (!route || !route.methodParameters) {
     return { status: SwapRouteState.NO_ROUTE };
   } else {
     // This typecast is safe because Uniswap v2 is not deployed on Celo
     const path = encodeRouteToPath(route.route[0].route as V3Route, false);
     const quote = new Decimal(route.quote.toFixed(18));
-    // TODO: use commented out values when https://github.com/Uniswap/sdk-core/issues/20 is resolved by https://github.com/Uniswap/sdk-core/pull/69
-    const rawMinimumAmountOut =
-      route.quoteGasAndPortionAdjusted?.numerator.toString() ?? route.quoteGasAdjusted.numerator.toString(); // route.trade.minimumAmountOut(slippageTolerance).numerator.toString();
-    const priceImpact = new Decimal(0.005); // new Decimal(route.trade.priceImpact.toFixed(4));
+    const rawMinimumAmountOut = route.trade.minimumAmountOut(slippageTolerance).numerator.toString();
+    const priceImpact = new Decimal(route.trade.priceImpact.toFixed(4));
     return { path, quote, rawMinimumAmountOut, priceImpact, status: SwapRouteState.READY };
   }
 }

packages/app/web/vite.config.ts

@@ -3,6 +3,7 @@ import react from '@vitejs/plugin-react';
 import { nodePolyfills } from 'vite-plugin-node-polyfills';
 import dynamicImports from 'vite-plugin-dynamic-import';
 import viteTsconfigPaths from 'vite-tsconfig-paths';
+import * as path from 'path';
 
 // https://vitejs.dev/config/
 export default defineConfig({
@@ -12,6 +13,7 @@ export default defineConfig({
       'react-native': 'react-native-web',
       'react-native-svg': 'react-native-svg-web',
       'react-native-webview': 'react-native-web-webview',
+      jsbi: path.resolve(__dirname, '..', 'node_modules', 'jsbi', 'dist', 'jsbi-cjs.js'),
     },
     dedupe: ['react', 'ethers', 'react-dom', 'native-base'],
   },