Merge pull request #1488 from bancorprotocol/issue-#1439

Replace source and target from searchParams with useState

src/components/trade/tradeWidget/useBuySell.ts

@@ -15,18 +15,15 @@ import { TradeWidgetBuySellProps } from 'components/trade/tradeWidget/TradeWidge
 import { useTradeAction } from 'components/trade/tradeWidget/useTradeAction';
 import { prettifyNumber } from 'utils/helpers';
 import { isTouchedZero, isZero } from 'components/strategies/common/utils';
-import { useNavigate, useSearch } from '@tanstack/react-router';
-import { TradeMarketSearch } from 'libs/routing/routes/trade';
 
 export const useBuySell = ({
   source,
   target,
   sourceBalanceQuery,
   buy = false,
 }: TradeWidgetBuySellProps) => {
-  const { source: sourceInput = '', target: targetInput = '' } = useSearch({
-    strict: false,
-  }) as TradeMarketSearch;
+  const [sourceInput, setSourceInput] = useState('');
+  const [targetInput, setTargetInput] = useState('');
   const { user, provider } = useWagmi();
   const { openModal } = useModal();
   const { selectedFiatCurrency } = useFiatCurrency();
@@ -53,22 +50,6 @@ export const useBuySell = ({
     target.address
   );
 
-  const navigate = useNavigate({ from: '/trade/market' });
-  const setSourceInput = (value: string) => {
-    navigate({
-      search: (s) => ({ ...s, source: value }),
-      replace: true,
-      resetScroll: false,
-    });
-  };
-  const setTargetInput = (value: string) => {
-    navigate({
-      search: (s) => ({ ...s, target: value }),
-      replace: true,
-      resetScroll: false,
-    });
-  };
-
   const { getFiatValue: getFiatValueSource } = useFiatCurrency(source);
 
   const clearInputs = useCallback(() => {
@@ -251,8 +232,8 @@ export const useBuySell = ({
         target,
         tradeActions,
         isTradeBySource,
-        sourceInput: sourceInput,
-        targetInput: targetInput,
+        sourceInput,
+        targetInput,
       });
 
     if (approval.approvalRequired) {

src/libs/routing/routes/trade.ts

@@ -53,8 +53,6 @@ export type SetOverlapping = (next: OverlappingSearch) => any;
 // TRADE MARKET
 export interface TradeMarketSearch extends TradeSearch {
   direction?: StrategyDirection;
-  source?: string;
-  target?: string;
 }
 
 // ROUTES
@@ -87,8 +85,6 @@ const marketPage = new Route({
     priceStart: validNumber,
     priceEnd: validNumber,
     direction: validLiteral(['buy', 'sell']),
-    source: validNumber,
-    target: validNumber,
   }),
 });