navigate(Routes.Wallet + "/IRT", {replace: true})}
+ className={`${classes.container} flex jc-center ai-center`}/>
+ {loading ?
+
+ }
+
+ );
+};
+
+export default CallbackPage;
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/components/IRT/components/CallbackPage/CallbackPage.module.css b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/components/IRT/components/CallbackPage/CallbackPage.module.css
new file mode 100644
index 0000000..30c7285
--- /dev/null
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/components/IRT/components/CallbackPage/CallbackPage.module.css
@@ -0,0 +1,28 @@
+.container{
+ width: 100%;
+ height: 100%;
+ position: fixed;
+ top: 0;
+ /*background-color: #0304038f;*/
+ background-color: rgba(0, 0, 0, 0.66);
+ z-index: 6;
+ right: 0;
+}
+.content{
+ position: fixed;
+ top: 27.5%;
+ left: 37.5%;
+ width: 25%;
+ height: 45%;
+ background-color: var(--cardBody);
+ z-index: 7;
+}
+.content img{
+ width: 7vw;
+}
+.thisButton {
+ width: 100%;
+ background-color: var(--orange);
+ color: #000 !important;
+
+}
\ No newline at end of file
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/components/Transfer.js b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/components/Transfer.js
new file mode 100644
index 0000000..5ec71a4
--- /dev/null
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Deposit/components/Transfer.js
@@ -0,0 +1,78 @@
+import classes from "../../../DepositWithdraw.module.css";
+import TextInput from "../../../../../../../../../../../../../components/TextInput/TextInput";
+import Button from "../../../../../../../../../../../../../components/Button/Button";
+import React, {useState} from "react";
+
+const Transfer = () => {
+ const [transferInput, setTransferInput] = useState({
+ amount: "",
+ destinationUserNumber: "",
+ });
+ return
+}
+export default Transfer;
\ No newline at end of file
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/Transaction.js b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/Transaction.js
index 12986f0..2565865 100644
--- a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/Transaction.js
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/Transaction.js
@@ -1,9 +1,20 @@
import React from 'react';
+import classes from "../Deposit/Deposit.module.css";
+import {useParams} from "react-router-dom";
+import {useTranslation} from "react-i18next";
+import IRTTx from "./components/DepositWithdrawTx/components/IRTTx/IRTTx";
+import DepositWithdrawTx from "./components/DepositWithdrawTx/DepositWithdrawTx";
const Transaction = () => {
+
+ const {id} = useParams();
+ const {t} = useTranslation();
return (
-
-
+
+
+
{t("DepositWithdrawTx.title")}
+
+ {id === "IRT" ?
:
}
);
};
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/DepositWithdrawTx.js b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/DepositWithdrawTx.js
new file mode 100644
index 0000000..599c49b
--- /dev/null
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/DepositWithdrawTx.js
@@ -0,0 +1,41 @@
+import React, {useLayoutEffect, useState} from 'react';
+import {useParams} from "react-router-dom";
+import {useTranslation} from "react-i18next";
+import {useDepositTxs, useWithdrawTxs} from "../../../../../../../../../../../../queries";
+import Loading from "../../../../../../../../../../../../components/Loading/Loading";
+import Error from "../../../../../../../../../../../../components/Error/Error";
+import DepositWithdrawTxTables from "./components/DepositWithdrawTxTables/DepositWithdrawTxTables";
+import ScrollBar from "../../../../../../../../../../../../components/ScrollBar";
+
+const DepositWithdrawTx = () => {
+
+ const {id} = useParams();
+ const {t} = useTranslation();
+ const [txs, setTxs] = useState([]);
+
+ const {data: deposit, isLoading: depositIsLoading, error: depositError} = useDepositTxs(id);
+ const {data: withdraw, isLoading: withdrawIsLoading, error: withdrawError} = useWithdrawTxs(id);
+
+ useLayoutEffect(() => {
+ if (!deposit || !withdraw) {
+ return
+ }
+ const newTxs = [...deposit, ...withdraw];
+ setTxs(newTxs.sort((a, b) => b.time - a.time))
+
+ }, [deposit, withdraw]);
+
+ if (depositIsLoading || withdrawIsLoading) return
+ if (depositError || withdrawError) return
+
+ if (txs.length === 0) return
{t("noTx")}
+
+
+ return (
+
+
+
+ );
+};
+
+export default DepositWithdrawTx;
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/DepositWithdrawTx.module.css b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/DepositWithdrawTx.module.css
new file mode 100644
index 0000000..070fcf2
--- /dev/null
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/DepositWithdrawTx.module.css
@@ -0,0 +1,7 @@
+
+.doubleStriped div:nth-child(2n-1) div{
+ background-color: var(--tableRow);
+ -webkit-transition: background-color 0.4s;
+ -o-transition: background-color 0.4s;
+ transition: background-color 0.4s;
+}
\ No newline at end of file
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/components/DepositWithdrawTxTables/DepositWithdrawTxTables.js b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/components/DepositWithdrawTxTables/DepositWithdrawTxTables.js
new file mode 100644
index 0000000..333b7e3
--- /dev/null
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/components/DepositWithdrawTxTables/DepositWithdrawTxTables.js
@@ -0,0 +1,88 @@
+import React, {Fragment, useState} from 'react';
+import {Trans, useTranslation} from "react-i18next";
+import {toast} from "react-hot-toast";
+import Icon from "../../../../../../../../../../../../../../components/Icon/Icon";
+import classes from "../../DepositWithdrawTx.module.css"
+import Date from "../../../../../../../../../../../../../../components/Date/Date";
+import moment from "moment-jalaali";
+import {BN} from "../../../../../../../../../../../../../../utils/utils";
+
+const DepositWithdrawTxTables = ({txs, id}) => {
+
+ const [openItem, setOpenItem] = useState(false);
+ const {t} = useTranslation();
+
+ const copyAddressToClipboard = (value) => {
+ navigator.clipboard.writeText(value)
+ toast.success(
);
+ }
+
+ const txStatus = (status) => {
+ switch (status) {
+ case 0:
+ return t("orderStatus.NEW");
+ case 1:
+ return t("orderStatus.FILLED");
+ case 2:
+ return t("orderStatus.REJECTED");
+ default:
+ return t("orderStatus.NEW");
+ }
+ };
+
+ return
+ {txs.map((tr, index) => (
+
+
+
+ | {moment(tr.time).format("HH:mm:ss")}
+
+ {tr.hasOwnProperty('withdrawOrderId') ? t("withdrawal") : t("deposit")}
+ {id}
+ {new BN(tr.amount).toFormat()}
+
+
+
+ {txStatus(tr.status)}
+ {tr.network}
+
+
setOpenItem(openItem === index ? null : index)}>
+
+
+
+
+
+
+
+ {t("DepositWithdrawTx.destination")} :
+ {tr.address}
+
+
+ copyAddressToClipboard(tr.address)}/>
+
+
+
+
+ {t("DepositWithdrawTx.transactionId")} :
+ {id === "BTC" ? tr.txId.slice(0, tr.txId.indexOf("_")) : tr.txId}
+
+
+ copyAddressToClipboard(tr.txId)}
+ />
+
+
+
+
+
+ ))}
+
+};
+
+export default DepositWithdrawTxTables;
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/components/IRTTx/IRTTx.js b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/components/IRTTx/IRTTx.js
new file mode 100644
index 0000000..bd211b6
--- /dev/null
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/Transaction/components/DepositWithdrawTx/components/IRTTx/IRTTx.js
@@ -0,0 +1,11 @@
+import React from 'react';
+
+const IRTTx = () => {
+ return (
+
+ IRT Tx
+
+ );
+};
+
+export default IRTTx;
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/withdrawal/withdrawal.js b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/withdrawal/withdrawal.js
index 696cca1..4d01cab 100644
--- a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/withdrawal/withdrawal.js
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/withdrawal/withdrawal.js
@@ -1,10 +1,280 @@
-import React from 'react';
+import React, {useEffect, useRef, useState} from 'react';
import classes from './withdrawal.module.css'
+import {useParams} from "react-router-dom";
+import {Trans, useTranslation} from "react-i18next";
+import {useGetUserAccount} from "../../../../../../../../../../queries/hooks/useGetUserAccount";
+import {
+ useGetCurrencyInfo,
+ useGetUserAssets,
+ useGetUserAssetsEstimatedValue,
+ useWithdrawTxs
+} from "../../../../../../../../../../queries";
+import {BN, parsePriceString} from "../../../../../../../../../../utils/utils";
+import {sendWithdrawReq} from "js-api-client";
+import {toast} from "react-hot-toast";
+import {images} from "../../../../../../../../../../assets/images";
+import ReactTooltip from "react-tooltip";
+import Loading from "../../../../../../../../../../components/Loading/Loading";
+import Error from "../../../../../../../../../../components/Error/Error";
+import NumberInput from "../../../../../../../../../../components/NumberInput/NumberInput";
+import TextInput from "../../../../../../../../../../components/TextInput/TextInput";
+import Button from "../../../../../../../../../../components/Button/Button";
+import Icon from "../../../../../../../../../../components/Icon/Icon";
const Withdrawal = () => {
- return (
-
+ const {t} = useTranslation();
+ const {id} = useParams();
+
+ const [amount, setAmount] = useState({value: 0, error: []});
+ const [networkName, setNetworkName] = useState({value: 0, error: []});
+ const [address, setAddress] = useState({value: "", error: []});
+ const [isLoading, setIsLoading] = useState(false)
+
+ useEffect(() => {
+ toast.dismiss()
+ }, [])
+
+ useEffect(() => {
+ setNetworkName({value: 0, error: []})
+ setAmount({value: 0, error: []})
+ setAddress({value: "", error: []})
+ validation()
+ }, [id]);
+
+ const {refetch: getUserAccount} = useGetUserAccount();
+ const {refetch: getWithdrawTxs} = useWithdrawTxs(id);
+ const {refetch: getUserAssets} = useGetUserAssets("IRT");
+ const {refetch: getUserAssetsEstimatedValue} = useGetUserAssetsEstimatedValue("IRT");
+
+ const {data: userAccount} = useGetUserAccount()
+ const freeAmount = userAccount?.wallets[id]?.free || 0
+
+ const {data:currencyInfo, isLoading:CILoading, error:CIError} = useGetCurrencyInfo(id)
+
+ const tooltip = useRef()
+ const selectRef = useRef()
+
+
+
+
+
+ const withdrawFee = new BN(currencyInfo?.chains[networkName.value]?.withdrawFee).toFormat()
+
+
+ const pasteFromClipboard = (e) => {
+ e.preventDefault();
+ if (navigator.clipboard !== undefined) {
+ navigator.clipboard.readText()
+ .then(text => {
+ //console.log('Pasted content: ', text);
+ setAddress({...address, value: text})
+ toast.success(t('DepositWithdraw.paste'));
+ })
+ .catch(err => {
+ console.error('Failed to read clipboard contents: ', err);
+ });
+ }
+ else return toast.error(t('error'));
+
+ }
+
+ const validation = () => {
+ if (new BN(amount.value).isGreaterThan(freeAmount)) {
+ return t('DepositWithdraw.noInventory')
+
+
+
+ // return toast.error(t('DepositWithdraw.noInventory'));
+ }
+ if (new BN(amount.value).minus(withdrawFee).isLessThanOrEqualTo(0)) {
+ return t('DepositWithdraw.allowableWithdraw')
+ }
+ /*if (currencyInfo?.chains[networkName.value]) {
+ return t('DepositWithdraw.fillNetwork')
+ }*/
+ if (address.value.length <= 0) {
+ return t('DepositWithdraw.fillAddress')
+ }
+ }
+
+ const sendWithdrawHandler = async (e) => {
+ e.preventDefault()
+ if(isLoading) return
+ setIsLoading(true)
+ sendWithdrawReq(amount.value, id, address.value, withdrawFee, `${currencyInfo?.chains[networkName.value]?.network} - ${currencyInfo?.chains[networkName.value]?.currency}` )
+ .then(() => {
+ setNetworkName({value: 0, error: []})
+ setAmount({value: 0, error: []})
+ setAddress({value: "", error: []})
+ toast.success(
);
+ getUserAccount()
+ getWithdrawTxs()
+ getUserAssets()
+ getUserAssetsEstimatedValue()
+ })
+ .catch(() => {
+ toast.error(t('error'));
+ })
+ .finally(() => setIsLoading(false))
+ }
+
+ const submitButtonTextHandler = () => {
+ if (isLoading) return
+ return t('DepositWithdrawTx.withdrawReqSubmit')
+ }
+ const fillByWallet = () => {
+ setAmount({
+ value: freeAmount,
+ error: []
+ })
+ };
+ const fillByMinWithdraw = () => {
+ setAmount({
+ value: new BN(currencyInfo?.chains[networkName.value]?.minWithdraw).plus(withdrawFee).toString(),
+ error: []
+ })
+ };
+
+ const enableButton = !(new BN(amount.value).minus(withdrawFee).isGreaterThan(0)) || new BN(amount.value).isGreaterThan(freeAmount) || address.value.length <= 0
+
+ useEffect(() => {
+ ReactTooltip.rebuild();
+ }, [enableButton]);
+
+ useEffect(() => {
+ ReactTooltip.hide(tooltip.current)
+ }, [enableButton]);
+
+ if (id === "IRT") {
+ return
{t("comingSoon")}
+ }
+
+ const content = () => {
+ if (CILoading) return
+ if (CIError) return
+ else return
+ }
+
+
+
+ return (
+
+ {content()}
);
};
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/withdrawal/withdrawal.module.css b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/withdrawal/withdrawal.module.css
index e69de29..3761599 100644
--- a/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/withdrawal/withdrawal.module.css
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/Content/components/Wallet/components/withdrawal/withdrawal.module.css
@@ -0,0 +1,63 @@
+/*.withdrawalInput :global(.lead) {
+ width: 24%;
+}*/
+.withdrawalInput :global(input) {
+ width: 100% !important;
+}
+.withdrawNumberInput :global(.lead) {
+ width: 40%;
+}
+.withdrawNumberInput :global(input) {
+ width: 60% !important;
+}
+
+.withdrawalSmallInput :global(.lead) {
+ width: 40%;
+}
+.withdrawalSmallInput :global(.select) {
+ width: 60% !important;
+}
+
+.thisButton {
+ width: 100%;
+}
+.IRTButton{
+ width: 20%;
+}
+.IRTButton.withdrawal{
+ background-color: var(--orange);
+ color: #000;
+}
+.thisButton.withdrawal{
+ background-color: var(--orange);
+ color: #000;
+}
+.thisButton.transfer{
+ background-color: var(--darkRed);
+}
+
+.pay{
+ background-color: var(--darkGreen);
+
+}
+.cancel{
+ background-color: var(--darkRed);
+}
+.disable:disabled,.button[disabled] {
+ border: 0.3vh solid var(--cardHeader);
+ background: var(--cardHeader);
+ color: var(--textColor);
+ cursor: not-allowed;
+}
+
+.thisButton:disabled,.button[disabled] {
+ border: 0.3vh solid var(--cardHeader);
+ background: var(--cardHeader);
+ color: var(--textColor);
+ cursor: not-allowed;
+}
+
+
+.thisLoading{
+ width: 10%;
+}
\ No newline at end of file
diff --git a/src/main/Mobile/Pages/UserPanel/Secttions/NavMenu/components/WalletNavMenu/WalletNavMenu.js b/src/main/Mobile/Pages/UserPanel/Secttions/NavMenu/components/WalletNavMenu/WalletNavMenu.js
index 7ab3a81..3a31830 100644
--- a/src/main/Mobile/Pages/UserPanel/Secttions/NavMenu/components/WalletNavMenu/WalletNavMenu.js
+++ b/src/main/Mobile/Pages/UserPanel/Secttions/NavMenu/components/WalletNavMenu/WalletNavMenu.js
@@ -1,9 +1,10 @@
-import React from 'react';
+import React, {useEffect} from 'react';
import classes from "../../NavMenu.module.css";
import {NavLink, useParams} from "react-router-dom";
import * as Routes from "../../../../../../Routes/routes";
import Icon from "../../../../../../../../components/Icon/Icon";
import {useTranslation} from "react-i18next";
+import {toast} from "react-hot-toast";
const WalletNavMenu = () => {
@@ -12,6 +13,8 @@ const WalletNavMenu = () => {
const {id} = useParams()
+
+
return (
{
>
- {t("DepositWithdrawTx.title")}
+ {t("DepositWithdrawTx.transactions")}
);
diff --git a/src/main/Mobile/Styles/Mobille.css b/src/main/Mobile/Styles/Mobille.css
index bbdd292..e321f2c 100644
--- a/src/main/Mobile/Styles/Mobille.css
+++ b/src/main/Mobile/Styles/Mobille.css
@@ -53,8 +53,8 @@
font-size: 0.8rem;
}
- .fs-0-8 {
- font-size: 0.8rem;
+ .fs-0-9 {
+ font-size: 0.9rem;
}
.fs-01 {