diff --git a/packages/web/components/swap-tool/alt.tsx b/packages/web/components/swap-tool/alt.tsx index b72abf3572..c6161674e9 100644 --- a/packages/web/components/swap-tool/alt.tsx +++ b/packages/web/components/swap-tool/alt.tsx @@ -6,6 +6,7 @@ import { ellipsisText, isNil } from "@osmosis-labs/utils"; import classNames from "classnames"; import { observer } from "mobx-react-lite"; import Image from "next/image"; +import { parseAsBoolean, useQueryState } from "nuqs"; import { FunctionComponent, ReactNode, @@ -155,6 +156,11 @@ export const AltSwapTool: FunctionComponent = observer( // token select dropdown const [showFromTokenSelectModal, setFromTokenSelectDropdownLocal] = useState(false); + const [sellOpen, setSellOpen] = useQueryState( + "sellOpen", + parseAsBoolean.withDefault(false) + ); + const [showToTokenSelectModal, setToTokenSelectDropdownLocal] = useState(false); const setOneTokenSelectOpen = useCallback((dropdown: "to" | "from") => { @@ -169,7 +175,8 @@ export const AltSwapTool: FunctionComponent = observer( const closeTokenSelectModals = useCallback(() => { setFromTokenSelectDropdownLocal(false); setToTokenSelectDropdownLocal(false); - }, []); + setSellOpen(false); + }, [setSellOpen]); // reivew swap modal const [showSwapReviewModal, setShowSwapReviewModal] = useState(false); @@ -775,8 +782,8 @@ export const AltSwapTool: FunctionComponent = observer( )} = observer( showRecommendedTokens={showTokenSelectRecommendedTokens} /> @@ -328,7 +332,10 @@ export const PriceSelector = memo( )}