fix pricing carrying over from previous pair

src/app/components/PairSelector.tsx

@@ -1,5 +1,6 @@
 import { useAppSelector, useAppDispatch } from "../hooks";
 import { selectPairAddress } from "../state/pairSelectorSlice";
+import { orderInputSlice } from "../state/orderInputSlice";
 import { useRef, useState } from "react";
 
 interface PairInfo {
@@ -13,14 +14,17 @@ function displayName(name?: string) {
 export function PairSelector() {
   const pairSelector = useAppSelector((state) => state.pairSelector);
   const dispatch = useAppDispatch();
-  const selectPair = (pairAddress: string) => {
-    dispatch(selectPairAddress(pairAddress));
-  };
+
   const options = pairSelector.pairsList;
   const id = "pairOption";
+
   const handleChange = (val: PairInfo | null) => {
     if (val == null) return;
-    selectPair(val["address"]);
+
+    dispatch(orderInputSlice.actions.resetNumbersInput());
+
+    const pairAddress = val["address"];
+    dispatch(selectPairAddress(pairAddress));
   };
 
   const [query, setQuery] = useState("");

src/app/state/orderInputSlice.ts

@@ -373,6 +373,18 @@ export const orderInputSlice = createSlice({
       state.validationToken1 = initialValidationResult;
       state.validationToken2 = initialValidationResult;
     },
+    resetNumbersInput(state) {
+      state.token1 = initialTokenInput;
+      state.token2 = initialTokenInput;
+      state.validationToken1 = initialValidationResult;
+      state.validationToken2 = initialValidationResult;
+      state.price = 0;
+      state.slippage = 0.01;
+      state.transactionInProgress = false;
+      state.transactionResult = undefined;
+      state.quote = undefined;
+      state.description = undefined;
+    },
   },
 
   // asynchronous reducers