ghostchain/ghost-dao-interface
5
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

optimize token names during stake, wrap and unwrap

Browse Source 
Signed-off-by: Uncle Fatso <uncle.fatso@ghostchain.io>
This commit is contained in:
Uncle Fatso 2025-08-11 20:34:00 +03:00
parent bc5f88d572
commit 4b1c91b144
Signed by: f4ts0
GPG Key ID: 565F4F2860226EBB
6 changed files with 41 additions and 60 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
package.json
View File

@ -1,7 +1,7 @@
{ {
"name": "ghost-dao-interface", "name": "ghost-dao-interface",
"private": true, "private": true,
"version": "0.2.0", "version": "0.2.1",
"type": "module", "type": "module",
"scripts": { "scripts": {
"dev": "vite", "dev": "vite",

4
src/containers/Bridge/Bridge.jsx
View File

@ -247,7 +247,9 @@ const Bridge = ({ chainId, address, config, connect }) => {
} else { } else {
setIsPending(true); setIsPending(true);
const txHash = await ghost(chainId, address, convertedReceiver, preparedAmount); console.log(preparedAmount)
console.log(ghstBalance)
// const txHash = await ghost(chainId, address, convertedReceiver, preparedAmount);
await ghstBalanceRefetch(); await ghstBalanceRefetch();
setReceiver(""); setReceiver("");

40
src/containers/Stake/Stake.jsx
View File

@ -12,53 +12,41 @@ import GhostStyledIcon from "../../components/Icon/GhostIcon";
import Modal from "../../components/Modal/Modal"; import Modal from "../../components/Modal/Modal";
import Paper from "../../components/Paper/Paper"; import Paper from "../../components/Paper/Paper";
import TokenStack from "../../components/TokenStack/TokenStack"; import TokenStack from "../../components/TokenStack/TokenStack";
import { useTokenSymbol } from "../../hooks/tokens";
const Stake = ({ chainId, address, isOpened, closeModal, connect }) => { const Stake = ({ chainId, address, isOpened, closeModal, connect }) => {
const [action, setAction] = useState("STAKE"); const [action, setAction] = useState("STAKE");
const [upperToken, setUpperToken] = useState("FTSO");
const [bottomToken, setBottomToken] = useState("GHST");
const [settingsModalOpen, setSettingsModalOpen] = useState(false); const [settingsModalOpen, setSettingsModalOpen] = useState(false);
const { symbol: ftsoSymbol } = useTokenSymbol(chainId, "FTSO");
const { symbol: stnkSymbol } = useTokenSymbol(chainId, "STNK");
const { symbol: ghstSymbol } = useTokenSymbol(chainId, "GHST");
const [upperToken, setUpperToken] = useState(ftsoSymbol);
const [bottomToken, setBottomToken] = useState(ghstSymbol);
const setSettingsModalOpenInner = (value) => { const setSettingsModalOpenInner = (value) => {
setSettingsModalOpen(value); setSettingsModalOpen(value);
} }
useEffect(() => { useEffect(() => {
switch (true) { switch (true) {
case (upperToken === "FTSO" && bottomToken === "STNK"): case (upperToken === ftsoSymbol && bottomToken === stnkSymbol):
setAction("STAKE") setAction("STAKE")
break; break;
case (upperToken === "eCSPR" && bottomToken === "sCSPR"): case (upperToken === ftsoSymbol && bottomToken === ghstSymbol):
setAction("STAKE") setAction("STAKE")
break; break;
case (upperToken === "FTSO" && bottomToken === "GHST"): case (upperToken === stnkSymbol && bottomToken === ftsoSymbol):
setAction("STAKE")
break;
case (upperToken === "eCSPR" && bottomToken === "CSPR"):
setAction("STAKE")
break;
case (upperToken === "STNK" && bottomToken === "FTSO"):
setAction("UNSTAKE") setAction("UNSTAKE")
break; break;
case (upperToken === "sCSPR" && bottomToken === "eCSPR"): case (upperToken === ghstSymbol && bottomToken === ftsoSymbol):
setAction("UNSTAKE") setAction("UNSTAKE")
break; break;
case (upperToken === "GHST" && bottomToken === "FTSO"): case (upperToken === stnkSymbol && bottomToken === ghstSymbol):
setAction("UNSTAKE")
break;
case (upperToken === "CSPR" && bottomToken === "eCSPR"):
setAction("UNSTAKE")
break;
case (upperToken === "STNK" && bottomToken === "GHST"):
setAction("WRAP") setAction("WRAP")
break; break;
case (upperToken === "sCSPR" && bottomToken === "CSPR"): case (upperToken === ghstSymbol && bottomToken === stnkSymbol):
setAction("WRAP")
break;
case (upperToken === "GHST" && bottomToken === "STNK"):
setAction("UNWRAP")
break;
case (upperToken === "CSPR" && bottomToken === "sCSPR"):
setAction("UNWRAP") setAction("UNWRAP")
break; break;
default: default:

6
src/containers/Stake/components/StakeConfirmationModal.jsx
View File

@ -115,7 +115,7 @@ const StakeConfirmationModal = (props) => {
/> />
<Box display="flex" flexDirection="row" justifyContent="center"> <Box display="flex" flexDirection="row" justifyContent="center">
<Typography> <Typography>
{props.upperToken === "FTSO" ? props.ftsoSymbol : props.upperToken === "STNK" ? props.stnkSymbol : props.ghstSymbol} {props.upperToken}
</Typography> </Typography>
</Box> </Box>
</Box> </Box>
@ -127,7 +127,7 @@ const StakeConfirmationModal = (props) => {
/> />
<Box display="flex" flexDirection="row" justifyContent="center"> <Box display="flex" flexDirection="row" justifyContent="center">
<Typography> <Typography>
{props.bottomToken === "FTSO" ? props.ftsoSymbol : props.bottomToken === "STNK" ? props.stnkSymbol : props.ghstSymbol} {props.bottomToken}
</Typography> </Typography>
</Box> </Box>
</Box> </Box>
@ -141,7 +141,7 @@ const StakeConfirmationModal = (props) => {
owner={props.address} owner={props.address}
spender={STAKING_ADDRESSES[props.chainId]} spender={STAKING_ADDRESSES[props.chainId]}
decimals={props.spendDecimals} decimals={props.spendDecimals}
approvalText={"Approve " + props.upperToken === "FTSO" ? props.ftsoSymbol : props.upperToken === "STNK" ? props.stnkSymbol : props.ghstSymbol} approvalText={`Approve ${props.upperToken}`}
approvalPendingText={"Approving..."} approvalPendingText={"Approving..."}
connect={props.connect} connect={props.connect}
isVertical isVertical

43
src/containers/Stake/components/StakeInputArea.jsx
View File

@ -129,33 +129,33 @@ export const StakeInputArea = ({
} }
useEffect(() => { useEffect(() => {
const innerBalance = upperToken === "GHST" ? const innerBalance = upperToken === ghstSymbol ?
ghstBalance ghstBalance
: :
upperToken === "STNK" ? upperToken === stnkSymbol ?
stnkBalance stnkBalance
: :
ftsoBalance; ftsoBalance;
if ( if (
(upperToken === "FTSO" && bottomToken === "STNK") || (upperToken === ftsoSymbol && bottomToken === stnkSymbol) ||
(upperToken === "STNK" && bottomToken === "FTSO") (upperToken === stnkSymbol && bottomToken === ftsoSymbol)
) { ) {
setReceiveAmount(amount); setReceiveAmount(amount);
setExceedsAmount(new DecimalBigNumber(amount, 9).gt(innerBalance)) setExceedsAmount(new DecimalBigNumber(amount, 9).gt(innerBalance))
} else { } else {
const decimals = upperToken === "GHST" ? 18 : 9; const decimals = upperToken === ghstSymbol ? 18 : 9;
const raw = new DecimalBigNumber(amount, decimals); const raw = new DecimalBigNumber(amount, decimals);
const amountIn = new DecimalBigNumber(raw._value.toBigInt(), decimals); const amountIn = new DecimalBigNumber(raw._value.toBigInt(), decimals);
const result = upperToken === "GHST" ? const result = upperToken === ghstSymbol ?
currentIndex.mul(amountIn).toString() currentIndex.mul(amountIn).toString()
: :
currentIndex._value > 0n ? amountIn.div(currentIndex).toString() : "0"; currentIndex._value > 0n ? amountIn.div(currentIndex).toString() : "0";
const innerBalance = upperToken === "GHST" ? const innerBalance = upperToken === ghstSymbol ?
ghstBalance ghstBalance
: :
upperToken === "STNK" ? upperToken === stnkSymbol ?
stnkBalance stnkBalance
: :
ftsoBalance; ftsoBalance;
@ -168,7 +168,7 @@ export const StakeInputArea = ({
const handleTokenModalInput = (value, isUpper) => { const handleTokenModalInput = (value, isUpper) => {
if (isUpper) { if (isUpper) {
if (value === bottomToken) { if (value === bottomToken) {
const newValue = value === "GHST" ? "STNK" : "GHST"; const newValue = value === ghstSymbol ? stnkSymbol : ghstSymbol;
setBottomToken(newValue) setBottomToken(newValue)
} }
setUpperToken(value); setUpperToken(value);
@ -185,28 +185,19 @@ export const StakeInputArea = ({
} }
const SwapCardTemplate = (tokenName, tokenAmount, isUpper, handleModal) => { const SwapCardTemplate = (tokenName, tokenAmount, isUpper, handleModal) => {
const balance = tokenName === "STNK" || tokenName === "sCSPR" ? const balance = tokenName === stnkSymbol
stnkBalance : tokenName === "FTSO" || tokenName === "eCSPR" ? ? stnkBalance
ftsoBalance : ghstBalance; : tokenName === ftsoSymbol ? ftsoBalance : ghstBalance;
let realTokenName = ""; let realTokenName = "";
switch (tokenName.toUpperCase()) { switch (tokenName.toUpperCase()) {
case "FTSO": case ftsoSymbol:
realTokenName = ftsoSymbol; realTokenName = ftsoSymbol;
break; break;
case "ECSPR": case stnkSymbol:
realTokenName = ftsoSymbol;
break;
case "STNK":
realTokenName = stnkSymbol; realTokenName = stnkSymbol;
break; break;
case "SCSPR": case ghstSymbol:
realTokenName = stnkSymbol;
break;
case "GHST":
realTokenName = ghstSymbol;
break;
case "CSPR":
realTokenName = ghstSymbol; realTokenName = ghstSymbol;
break; break;
} }
@ -320,8 +311,8 @@ export const StakeInputArea = ({
receiveAmount={receiveAmount} receiveAmount={receiveAmount}
amountExceedsBalance={exceedsAmount} amountExceedsBalance={exceedsAmount}
connect={connect} connect={connect}
spendDecimals={upperToken === "GHST" ? 18 : 9} spendDecimals={upperToken === ghstSymbol ? 18 : 9}
receiveDecimals={bottomToken === "GHST" ? 18 : 9} receiveDecimals={bottomToken === ghstSymbol ? 18 : 9}
isClaim={isClaim} isClaim={isClaim}
isTrigger={isTrigger} isTrigger={isTrigger}
ftsoSymbol={ftsoSymbol} ftsoSymbol={ftsoSymbol}

6
src/containers/Stake/components/TokenModal.jsx
View File

@ -69,9 +69,9 @@ const TokenModal = ({
</Link> </Link>
</Box> </Box>
<List> <List>
{<TokenItem isUpper={isUpper} exclude={tokenToExclude} token="FTSO" name={ftsoSymbol} balance={ftsoBalance} />} {<TokenItem isUpper={isUpper} exclude={tokenToExclude} token={ftsoSymbol} name={ftsoSymbol} balance={ftsoBalance} />}
{<TokenItem isUpper={isUpper} exclude={tokenToExclude} token="STNK" name={stnkSymbol} balance={stnkBalance} />} {<TokenItem isUpper={isUpper} exclude={tokenToExclude} token={stnkSymbol} name={stnkSymbol} balance={stnkBalance} />}
{<TokenItem isUpper={isUpper} exclude={tokenToExclude} token="GHST" name={ghstSymbol} balance={ghstBalance} />} {<TokenItem isUpper={isUpper} exclude={tokenToExclude} token={ghstSymbol} name={ghstSymbol} balance={ghstBalance} />}
</List> </List>
</Box> </Box>
</Dialog> </Dialog>