From b44b6f0c149db22718fc9621aae4d56b9007b143 Mon Sep 17 00:00:00 2001 From: Uncle Fatso Date: Wed, 12 Nov 2025 12:21:57 +0300 Subject: [PATCH] small updates on the UI side Signed-off-by: Uncle Fatso --- package.json | 2 +- src/assets/tokens/ETC.svg | 31 ++++++++++++------- src/components/Token/Token.jsx | 2 +- src/containers/Bridge/Bridge.jsx | 7 +++-- .../components/TokenInfo.jsx | 5 +-- src/containers/WethWrapper/WethWrapper.jsx | 8 ++--- src/helpers/tokenConverter.js | 2 +- 7 files changed, 34 insertions(+), 23 deletions(-) diff --git a/package.json b/package.json index adadbbe..79b16cd 100644 --- a/package.json +++ b/package.json @@ -1,7 +1,7 @@ { "name": "ghost-dao-interface", "private": true, - "version": "0.3.8", + "version": "0.3.9", "type": "module", "scripts": { "dev": "vite", diff --git a/src/assets/tokens/ETC.svg b/src/assets/tokens/ETC.svg index d82a315..de89c61 100644 --- a/src/assets/tokens/ETC.svg +++ b/src/assets/tokens/ETC.svg @@ -1,27 +1,36 @@ - + - - - - - - - + + + + + + + + + + + + diff --git a/src/components/Token/Token.jsx b/src/components/Token/Token.jsx index 5f0b3c7..0111a43 100644 --- a/src/components/Token/Token.jsx +++ b/src/components/Token/Token.jsx @@ -60,7 +60,7 @@ export const parseKnownToken = (name) => { case "METC": icon = EtcIcon; break; - case "WETC": + case "WMETC": icon = EtcIcon; break; default: diff --git a/src/containers/Bridge/Bridge.jsx b/src/containers/Bridge/Bridge.jsx index e7bb2b9..559e09c 100644 --- a/src/containers/Bridge/Bridge.jsx +++ b/src/containers/Bridge/Bridge.jsx @@ -82,6 +82,7 @@ const Bridge = ({ chainId, address, config, connect }) => { const [blockNumber, setBlockNumber] = useState(0); const sliceString = (string, first, second) => { + if (!string) return ""; return string.slice(0, first) + "..." + string.slice(second); } @@ -748,18 +749,18 @@ const Bridge = ({ chainId, address, config, connect }) => { {!isVerySmallScreen && Finality Delay: - + } {finalityDelay} blocks
- {!isVerySmallScreen && Current Epoch:} + {!isVerySmallScreen && Current GHOST Epoch:} {currentSession ?? 0} {!isVerySmallScreen && - Number of validators: + Current Validators: Validators { const config = useConfig(); const nativeSymbol = config?.getClient()?.chain?.nativeCurrency?.symbol; + const networkName = config?.getClient()?.chain?.name; const nativePrice = useNativePrice(chainId); const ftsoPrice = useFtsoPrice(chainId); @@ -149,7 +150,7 @@ const TokenInfo = ({ chainId, isMobileScreen }) => { price={reservePrice} description={isNetworkLegacy(chainId) ? `${ftsoSymbol} is backed by a treasury reserve of crypto assets, with ${reserveSymbol} being the primary and most liquid asset.` - : `${reserveSymbol} is wrapped version of the native ${nativeSymbol} coin with a fixed ration 1:1 and fully ERC-20 compatible.` + : `${reserveSymbol} (Wrapped ${nativeSymbol}) is an ERC-20 token that represents ${nativeSymbol} and is pegged 1:1 to the value of ${nativeSymbol}.` } /> @@ -163,7 +164,7 @@ const TokenInfo = ({ chainId, isMobileScreen }) => { tokenName={nativeSymbol} balance={new DecimalBigNumber(nativeBalance?.value ?? 0n, 18)} price={reservePrice} - description={`${nativeSymbol} is the original cryptocurrency of a blockchain, required for all basic network functions like transactions and smart contracts. It's the primary digital asset that operates without relying on any other blockchain's infrastructure. Thus it's the most reliable backing for the ${ftsoSymbol}.`} + description={`${nativeSymbol} is the native currency of the ${networkName} Network, functioning as the backing asset for the ghostDAO.`} /> )} diff --git a/src/containers/WethWrapper/WethWrapper.jsx b/src/containers/WethWrapper/WethWrapper.jsx index c9b6cf6..79cbdcd 100644 --- a/src/containers/WethWrapper/WethWrapper.jsx +++ b/src/containers/WethWrapper/WethWrapper.jsx @@ -137,7 +137,7 @@ const WethWrapper = ({ chainId, address, config, connect }) => { - + { onChange={(_, view) => changeIsMinted(view === 0)} TabIndicatorProps={{ style: { display: "none" } }} > - - + + {!isSemiSmallScreen && { {address === "" ? "Connect" : - isMint ? "Mint" : "Burn" + isMint ? "Wrap" : "Unwrap" } diff --git a/src/helpers/tokenConverter.js b/src/helpers/tokenConverter.js index d01e4d5..b6120f7 100644 --- a/src/helpers/tokenConverter.js +++ b/src/helpers/tokenConverter.js @@ -2,7 +2,7 @@ export const tokenNameConverter = (chainId, name) => { if (name?.toUpperCase() === "WETH") { switch (chainId) { case 63: - name = "WETC" + name = "wmETC" break; } }