diff --git a/frontends/web/src/routes/exchange/exchange.tsx b/frontends/web/src/routes/exchange/exchange.tsx index a5f9c38f50..2780844f01 100644 --- a/frontends/web/src/routes/exchange/exchange.tsx +++ b/frontends/web/src/routes/exchange/exchange.tsx @@ -105,7 +105,7 @@ export const Exchange = ({ code, accounts, deviceIDs }: TProps) => { if (!exchange) { return; } - navigate(`/exchange/${exchange}/${activeTab}/${code}`); + navigate(`/exchange/${exchange}/${activeTab}/${code}/${selectedRegion}`); }; const handleChangeRegion = (newValue: SingleValue) => { diff --git a/frontends/web/src/routes/exchange/pocket.tsx b/frontends/web/src/routes/exchange/pocket.tsx index 715c821824..3fe3e041f3 100644 --- a/frontends/web/src/routes/exchange/pocket.tsx +++ b/frontends/web/src/routes/exchange/pocket.tsx @@ -37,9 +37,14 @@ import { parseExternalBtcAmount } from '@/api/coins'; interface TProps { code: AccountCode; action: TExchangeAction; + region: string; } -export const Pocket = ({ code, action }: TProps) => { +export const Pocket = ({ + code, + action, + region, +}: TProps) => { const { t } = useTranslation(); const navigate = useNavigate(); @@ -60,12 +65,16 @@ export const Pocket = ({ code, action }: TProps) => { useEffect(() => { getPocketURL(action).then(response => { if (response.success) { - setIframeUrl(response.url); + const url = new URL(response.url); + if (region) { + url.searchParams.set('region', region); + } + setIframeUrl(url.href); } else { alertUser(t('unknownError', { errorMessage: response.errorMessage })); } }); - }, [action, t]); + }, [action, region, t]); useEffect(() => { if (config) { diff --git a/frontends/web/src/routes/router.tsx b/frontends/web/src/routes/router.tsx index ec8840159a..df4d106449 100644 --- a/frontends/web/src/routes/router.tsx +++ b/frontends/web/src/routes/router.tsx @@ -182,6 +182,7 @@ export const AppRouter = ({ devices, deviceIDs, devicesKey, accounts, activeAcco ); @@ -189,6 +190,7 @@ export const AppRouter = ({ devices, deviceIDs, devicesKey, accounts, activeAcco ); @@ -205,7 +207,6 @@ export const AppRouter = ({ devices, deviceIDs, devicesKey, accounts, activeAcco ); @@ -258,9 +259,13 @@ export const AppRouter = ({ devices, deviceIDs, devicesKey, accounts, activeAcco + + + + } />