Pool fees (#931)

* init

* log

packages/synapse-interface/components/Popup.tsx

@@ -4,7 +4,6 @@ const Popup = ({ chainId }) => {
   const [active, setActive] = useState(false)
 
   useEffect(() => {
-    console.log(IMPAIRED_CHAINS[chainId], chainId)
     if (chainId && IMPAIRED_CHAINS[chainId]) {
       setActive(true)
     } else {

packages/synapse-interface/components/buttons/AddToWalletButton.tsx

@@ -36,8 +36,6 @@ export function AddToWalletMiniButton({
   iconFirst = false,
   chainId,
 }) {
-  console.log('METAMASK_ICON', METAMASK_ICON)
-
   return (
     <Button
       onClick={() => addTokenToWallet({ token, icon, chainId })}

packages/synapse-interface/components/misc/ChainSlideOver.tsx

@@ -122,7 +122,7 @@ export const ChainSlideOver = ({
         {networks.map(({ id: mapChainId }, idx) => {
           let onClickSpecificNetwork
           if (chainId === mapChainId) {
-            onClickSpecificNetwork = () => console.log('INCEPTION')
+            onClickSpecificNetwork = () => console.log('INCEPTION') // I think this case is obsolete
           } else {
             onClickSpecificNetwork = () => {
               onChangeChain(mapChainId, false, isOrigin ? 'from' : 'to')

packages/synapse-interface/constants/tokens/index.tsx

@@ -129,7 +129,6 @@ const getTokenHashMap = () => {
   tokenHashMap[CHAINS.AVALANCHE.id][GMX.wrapperAddresses[CHAINS.AVALANCHE.id]] =
     GMX
   Object.keys(WETH.addresses).map((chain) => {
-    console.log('CHAIN', chain)
     tokenHashMap[chain][WETH.addresses[chain]] = ETH
   })
   return tokenHashMap

packages/synapse-interface/pages/bridge/BridgeWatcher/BlockCountdown.tsx

@@ -46,7 +46,6 @@ const BlockCountdown = memo(
       if (confirmationDelta === 0 || toEvent) {
         return
       }
-      console.log('toEventtoEvent', toEvent)
       fetchBlockNumber({
         chainId: fromEvent?.chainId,
       }).then((newestBlockNumber) => {
@@ -55,7 +54,6 @@ const BlockCountdown = memo(
           (fromEvent.blockNumber - (newestBlockNumber ?? 0))
         setConfirmationDelta(delta > 0 ? delta : 0)
         if (delta <= 0) {
-          console.log('setCompletedConf to true')
           setCompletedConf(true)
         }
       })

packages/synapse-interface/pages/bridge/BridgeWatcher/DestinationTx.tsx

@@ -29,8 +29,6 @@ const DestinationTx = memo((fromEvent: BridgeWatcherTx) => {
   const { providerMap } = useSynapseContext()
 
   const getToBridgeEvent = async (): Promise<BridgeWatcherTx> => {
-    console.log('getting logs')
-
     const currentFromBlock = await fetchBlockNumber({
       chainId: fromEvent.toChainId,
     })
@@ -111,8 +109,7 @@ const DestinationTx = memo((fromEvent: BridgeWatcherTx) => {
       toEvent === undefined &&
       attempted
     ) {
-      console.log('SJDHKSJHD')
-      getToBridgeEvent().then((tx) => {
+=      getToBridgeEvent().then((tx) => {
         setToEvent(tx)
       })
     }

packages/synapse-interface/pages/pool/PoolInfoSection/index.tsx

@@ -11,6 +11,8 @@ import { Token } from '@types'
 import InfoSectionCard from './InfoSectionCard'
 import CurrencyReservesCard from './CurrencyReservesCard'
 import LoadingSpinner from '@tw/LoadingSpinner'
+import { useEffect, useState } from 'react'
+import { getPoolFee } from '@utils/actions/getPoolFee'
 const PoolInfoSection = ({
   pool,
   poolData,
@@ -20,12 +22,16 @@ const PoolInfoSection = ({
   poolData: any
   chainId: number
 }) => {
-  // const swapFee = bnPercentFormat('0.02')
-  // this needs to be fixed, need admin fee
-
+  const [swapFee, setSwapFee] = useState('')
+  useEffect(() => {
+    if (pool && chainId) {
+      getPoolFee(pool.swapAddresses[chainId], chainId).then((res) => {
+        setSwapFee(res?.swapFee)
+      })
+    }
+  }, [pool, chainId])
   return (
     <div className="space-y-4">
-      {/* <UserPoolInfoCard data={userData} /> */}
       <CurrencyReservesCard
         title="Currency Reserves"
         chainId={chainId}
@@ -34,7 +40,7 @@ const PoolInfoSection = ({
       <InfoSectionCard title="Pool Info">
         <InfoListItem
           labelText="Trading Fee"
-          content={true ? '0.02%' : <LoadingSpinner />}
+          content={swapFee?.length > 0 ? swapFee : <LoadingSpinner />}
         />
         <InfoListItem
           labelText="Virtual Price"

packages/synapse-interface/pages/stake/StakeCard.tsx

@@ -62,7 +62,6 @@ const StakeCard = ({ address, chainId, pool }: StakeCardProps) => {
     if (!address || !chainId || !stakingPoolId) return
     getStakedBalance(`0x${address.slice(2)}`, chainId, stakingPoolId)
       .then((data) => {
-        console.log('data', data)
         setUserStakeData(data)
       })
       .catch((err) => {

packages/synapse-interface/utils/actions/getPoolFee.ts

@@ -0,0 +1,27 @@
+import { readContracts } from '@wagmi/core'
+import { Zero } from '@ethersproject/constants'
+import SWAP_ABI from '@abis/swap.json'
+import { bnPercentFormat } from '@bignumber/format'
+
+export const getPoolFee = async (poolAddress: string, chainId: number) => {
+  const data: any = await readContracts({
+    contracts: [
+      {
+        address: `0x${poolAddress.slice(2)}`,
+        abi: SWAP_ABI,
+        functionName: 'swapStorage',
+        chainId,
+      },
+      {
+        address: `0x${poolAddress.slice(2)}`,
+        abi: SWAP_ABI,
+        functionName: 'getVirtualPrice',
+        chainId,
+      },
+    ],
+  })
+  const swapFeeRaw = data[0]?.swapFee ?? Zero
+  const virtualPrice: any = data[1]
+  const swapFee = bnPercentFormat(swapFeeRaw)
+  return { swapFee, virtualPrice }
+}

packages/synapse-interface/utils/bridgeWatcher.ts

@@ -65,8 +65,7 @@ export const getLogs = async (
   try {
     const logs = await provider.send('eth_getLogs', [filter])
     return logs
-  } catch (e) {
-    console.log(e)
+  } catch {
     return []
   }
 }