fix: token select modal for buy/sell

osmosis-labs · Aug 13, 2024 · 81bf850 · 81bf850
1 parent 90361b3
commit 81bf850
Show file tree

Hide file tree

Showing 3 changed files with 8 additions and 1 deletion.
diff --git a/packages/web/components/complex/asset-fieldset.tsx b/packages/web/components/complex/asset-fieldset.tsx
@@ -163,6 +163,8 @@ interface TokenSelectProps {
   isFetchingNextPageAssets?: boolean;
   isLoadingSelectAssets?: boolean;
   page?: EventPage;
+  assetQueryInput?: string;
+  setAssetQueryInput?: (input: string) => void;
 }
 
 const AssetFieldsetTokenSelector = ({
@@ -178,6 +180,8 @@ const AssetFieldsetTokenSelector = ({
   isFetchingNextPageAssets,
   page = "Swap Page",
   isLoadingSelectAssets,
+  assetQueryInput,
+  setAssetQueryInput,
   ...rest
 }: TokenSelectProps) => {
   const { t } = useTranslation();
@@ -259,6 +263,8 @@ const AssetFieldsetTokenSelector = ({
           hasNextPageAssets={hasNextPageAssets}
           isFetchingNextPageAssets={isFetchingNextPageAssets}
           isLoadingSelectAssets={isLoadingSelectAssets}
+          assetQueryInput={assetQueryInput}
+          setAssetQueryInput={setAssetQueryInput}
         />
       )}
     </>

diff --git a/packages/web/components/place-limit-tool/index.tsx b/packages/web/components/place-limit-tool/index.tsx
@@ -496,6 +496,8 @@ export const PlaceLimitTool: FunctionComponent<PlaceLimitToolProps> = observer(
                   swapState.marketState.isLoadingSelectAssets
                 }
                 data-testid="token-in"
+                setAssetQueryInput={swapState.marketState.setAssetsQueryInput}
+                assetQueryInput={swapState.marketState.assetsQueryInput}
               />
             </div>
             <AssetFieldsetFooter>

diff --git a/packages/web/components/swap-tool/alt.tsx b/packages/web/components/swap-tool/alt.tsx
@@ -369,7 +369,6 @@ export const AltSwapTool: FunctionComponent<SwapToolProps> = observer(
                   <AssetFieldsetTokenSelector
                     selectedCoinDenom={swapState.fromAsset?.coinDenom}
                     selectedCoinImageUrl={swapState.fromAsset?.coinImageUrl}
-                    isModalExternal
                     onSelectorClick={() =>
                       showTokenSelectRecommendedTokens &&
                       setOneTokenSelectOpen("from")