diff --git a/src/app/get-aura/deposit-aura/deposit.tsx b/src/app/get-aura/deposit-aura/deposit.tsx index 49b8079..baa4707 100644 --- a/src/app/get-aura/deposit-aura/deposit.tsx +++ b/src/app/get-aura/deposit-aura/deposit.tsx @@ -30,6 +30,7 @@ interface TableItemProps { function Deposit() { const [tutType, setTutType] = useState("gateio"); + const { sendTransaction, data: hash, diff --git a/src/app/get-aura/deposit-aura/page.tsx b/src/app/get-aura/deposit-aura/page.tsx index aabcc34..fec2624 100644 --- a/src/app/get-aura/deposit-aura/page.tsx +++ b/src/app/get-aura/deposit-aura/page.tsx @@ -5,8 +5,12 @@ import { } from "wagmi"; import WalletConnectEVM from "../wallet-connect"; import Deposit from "./deposit"; +import { useEffect } from "react"; function DepositAura() { + useEffect(() => { + document.title = "Deposit AURA to exchanges"; + }, []); const { isConnected, address } = useAccount(); return (
diff --git a/src/app/get-aura/table-history/mobile-table.tsx b/src/app/get-aura/table-history/mobile-table.tsx index ad4a10f..b7efd8d 100644 --- a/src/app/get-aura/table-history/mobile-table.tsx +++ b/src/app/get-aura/table-history/mobile-table.tsx @@ -7,6 +7,7 @@ import carretUp from "@/assets/icons/ic_carret_up.svg"; import clock from "@/assets/icons/ic_clock.svg"; import Image from "next/image"; import { formatNumber } from "../../utils/numbers"; +import { useAccount, useBalance } from "wagmi"; interface MobileTableItemProps { txTime: string; @@ -23,22 +24,36 @@ type props = { const MobileTableItem: React.FC = ({ tableItem }) => { const [expand, setExpand] = useState(false); + const { address, isConnected } = useAccount(); + const balance = useBalance({ + address: address, + }); + const _symbol = balance?.data?.symbol; + return (
-
+
-
{dayjs(tableItem.txTime).format("HH:mm:ss DD/MM/YYYY")}
+
+ {dayjs(tableItem.txTime).format("HH:mm:ss DD/MM/YYYY")} +
-
{tableItem.status}
+
+ {tableItem.status} +
= ({ tableItem }) => { setExpand(!expand); }} > - +
{expand && ( @@ -55,18 +75,28 @@ const MobileTableItem: React.FC = ({ tableItem }) => {
Amount
-
{formatNumber(formatUnits(BigInt(tableItem?.amount), 18))} AURA
+
+ {formatNumber(formatUnits(BigInt(tableItem?.amount), 18))} {_symbol?.toString()} +
Cosmos TX hash
-
+
Deposit address
-
+
diff --git a/src/app/get-aura/table-history/table-item.tsx b/src/app/get-aura/table-history/table-item.tsx index 7e59a66..f78d83e 100644 --- a/src/app/get-aura/table-history/table-item.tsx +++ b/src/app/get-aura/table-history/table-item.tsx @@ -3,6 +3,7 @@ import dayjs from "dayjs"; import React from "react"; import { formatUnits } from "viem"; import { formatNumber } from "../../utils/numbers"; +import { useAccount, useBalance } from "wagmi"; interface TableItemProps { txTime: string; @@ -18,26 +19,47 @@ type props = { }; const TableItem: React.FC = ({ tableItem }) => { + const { address } = useAccount(); + const balance = useBalance({ + address: address, + }); + const _symbol = balance?.data?.symbol; + return (
-
{dayjs(tableItem?.txTime)?.format("HH:mm:ss DD/MM/YYYY")}
+
+ {dayjs(tableItem?.txTime)?.format("HH:mm:ss DD/MM/YYYY")} +
-
+
-
+
-
{formatNumber(formatUnits(BigInt(tableItem?.amount), 18))} AURA
+
+ {formatNumber(formatUnits(BigInt(tableItem?.amount), 18))}{" "} + {_symbol?.toString()} +
-
{tableItem?.status}
+
+ {tableItem?.status} +
diff --git a/src/app/get-aura/table-history/table.tsx b/src/app/get-aura/table-history/table.tsx index 24bbdf8..07c15a3 100644 --- a/src/app/get-aura/table-history/table.tsx +++ b/src/app/get-aura/table-history/table.tsx @@ -1,9 +1,5 @@ -import useActivityHistory from "@/hooks/useActivityHistory"; -import { useEffect, useState } from "react"; -import { useAccount } from "wagmi"; import "./table.css"; import { useMediaQuery } from "react-responsive"; -import axios, { AxiosRequestConfig, AxiosResponse } from "axios"; import MobileTableItem from "./mobile-table"; import TableItem from "./table-item"; interface TableItemProps { diff --git a/src/app/get-aura/withdraw-aura/page.tsx b/src/app/get-aura/withdraw-aura/page.tsx index 753c349..364dc74 100644 --- a/src/app/get-aura/withdraw-aura/page.tsx +++ b/src/app/get-aura/withdraw-aura/page.tsx @@ -6,9 +6,12 @@ import { } from "wagmi"; import WalletConnectEVM from "../wallet-connect"; import Withdraw from "./withdraw"; +import { useEffect } from "react"; function WithdrawAura() { - // return ; + useEffect(() => { + document.title = "Withdraw AURA from exchanges"; + }, []); const { isConnected, address } = useAccount(); return (