diff --git a/src/pages/pools/Pool/Actions.tsx b/src/pages/pools/Pool/Actions.tsx index 419c5a9..5a5640e 100644 --- a/src/pages/pools/Pool/Actions.tsx +++ b/src/pages/pools/Pool/Actions.tsx @@ -2,11 +2,12 @@ import { Components, hooks, store, Token, } from '@reef-chain/react-lib'; import Uik from '@reef-chain/ui-kit'; -import React, { useContext, useEffect, useReducer, useState } from 'react'; +import React, { + useContext, useEffect, useReducer, useState, +} from 'react'; import { useHistory } from 'react-router-dom'; import axios from 'axios'; -import { DexProtocolv2} from '@reef-chain/util-lib/dist/network'; -import {network as nwUtil} from "@reef-chain/util-lib"; +import { network as libNet } from '@reef-chain/util-lib'; import PoolContext from '../../../context/PoolContext'; import TokenContext from '../../../context/TokenContext'; import TokenPricesContext from '../../../context/TokenPricesContext'; @@ -36,13 +37,13 @@ const Actions = ({ token1, token2, tab }: ActionsProps): JSX.Element => { const { selectedSigner: signer, network: nw } = useContext(ReefSigners); - const accountBlockUpdate = hooks.useObservableState(nwUtil.getLatestBlockAccountUpdates$([signer?.address!])) + const accountBlockUpdate = hooks.useObservableState(libNet.getLatestBlockAccountUpdates$(signer?.address ? [signer?.address] : undefined)); - useEffect(()=>{ - if(!finalized && accountBlockUpdate)setFinalized(true); - },[accountBlockUpdate]) - - const network:DexProtocolv2|undefined = useDexConfig(nw); + useEffect(() => { + if (!finalized && accountBlockUpdate)setFinalized(true); + }, [accountBlockUpdate]); + + const network:libNet.DexProtocolv2|undefined = useDexConfig(nw); // Trade const [tradeState, tradeDispatch] = useReducer(