-
-
- copyToClipboard()}
- customClass={`hover-text cursor-pointer`}
- />
- }
- customClass={`${classes.depositInput} my-3`}
- readOnly={true}
- type="text"
- customRef={addressRef}
- value={address.address}
- />
-
-
- { (id === "TETH" || id === "TUSDT" || id === "TBTC") && helpText() }
+
+
{
+ return {value: index, label: `${chain.network} - ${chain.currency}`}
+ })}
+ lead={t('DepositWithdraw.network')}
+ type="select"
+ value={currencyInfo?.chains[networkName.value] && {
+ value: networkName.value,
+ label: `${currencyInfo?.chains[networkName.value].network} - ${currencyInfo?.chains[networkName.value].currency}`
+ }}
+ onchange={(e) => setNetworkName({value: e?.value || 0, error: []})}
+ customRef={selectRef}
+ alerts={networkName.error}
+ customClass={`width-100 ${classes.thisInput}`}
+ />
+ { currencyInfo && }
);
};
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/Deposit.module.css b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/Deposit.module.css
index 5307d94..29cb34c 100644
--- a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/Deposit.module.css
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/Deposit.module.css
@@ -9,4 +9,12 @@
width: 85% !important;
cursor: not-allowed;
font-family: 'Roboto', sans-serif;
+}
+
+
+.thisInput :global(.lead) {
+ width: 25%;
+}
+.thisInput :global(.select) {
+ width: 75% !important;
}
\ No newline at end of file
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/components/Address/Address.js b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/components/Address/Address.js
new file mode 100644
index 0000000..3ef19a2
--- /dev/null
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/components/Address/Address.js
@@ -0,0 +1,69 @@
+import React, {useEffect, useRef} from 'react';
+import classes from "../../Deposit.module.css";
+import {useParams} from "react-router-dom";
+import {Trans, useTranslation} from "react-i18next";
+import {useGetDepositAddress} from "../../../../../../../../../../../../queries";
+import {toast} from "react-hot-toast";
+import TextInput from "../../../../../../../../../../../../components/TextInput/TextInput";
+import Icon from "../../../../../../../../../../../../components/Icon/Icon";
+import QRCode from "react-qr-code";
+
+const Address = ({network}) => {
+
+ const {id} = useParams();
+ const {t} = useTranslation();
+ const addressRef = useRef(null);
+
+ const copyToClipboard = () => {
+ addressRef.current.select();
+ document.execCommand("copy");
+ toast.success(
);
+ };
+
+ const {data: address, isLoading, error, refetch: refetchAddress} = useGetDepositAddress(id, network)
+
+ useEffect(() => {
+ if (id !== "IRT") {
+ refetchAddress()
+ }
+ }, [network]);
+
+ if (isLoading) return
{t('DepositWithdraw.gettingAddress')}
+ if (error) return
{t('DepositWithdraw.errorGettingAddress')}
+
+
+ return (
+
+
+
copyToClipboard()}
+ customClass={`hover-text cursor-pointer`}
+ />
+ }
+ customClass={`${classes.depositInput} my-5 width-100 fs-0-8`}
+ readOnly={true}
+ type="text"
+ customRef={addressRef}
+ value={address.address}
+ />
+
+
+
+
+ );
+};
+
+export default Address;
diff --git a/src/queries/hooks/useGetDepositAddress.js b/src/queries/hooks/useGetDepositAddress.js
index bffdfcd..535b1b5 100644
--- a/src/queries/hooks/useGetDepositAddress.js
+++ b/src/queries/hooks/useGetDepositAddress.js
@@ -1,18 +1,19 @@
import {useQuery} from "@tanstack/react-query";
import {getDepositAddress} from "js-api-client";
-export const useGetDepositAddress = (currency) => {
+export const useGetDepositAddress = (currency, network) => {
+
return useQuery(
- ['depositAddress', currency],
- () => getDepositAddressFunc(currency),
+ ['depositAddress', currency, network],
+ () => getDepositAddressFunc(currency, network),
{
retry: 1,
refetchOnMount: false,
- staleTime: 30*60*1000
+ staleTime: 30*60*1000,
});
}
-const getDepositAddressFunc = async (currency) => {
- const {data} = await getDepositAddress(currency)
+const getDepositAddressFunc = async (currency, network) => {
+ const {data} = await getDepositAddress(currency, network)
return data;
}
\ No newline at end of file
diff --git a/yarn.lock b/yarn.lock
index e02fc94..a951c50 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -6478,7 +6478,7 @@ jiti@^1.17.2:
"js-api-client@https://github.com/opexdev/js-api-client.git#develop":
version "1.0.0-beta2"
- resolved "https://github.com/opexdev/js-api-client.git#e61b9acc9419447f365a82965b40bf69cbad72dd"
+ resolved "https://github.com/opexdev/js-api-client.git#c185b3b2b61c2655592b4d31276473bed5b47a25"
js-sdsl@^4.1.4:
version "4.4.0"