diff --git a/src/forms/SwapToken.module.scss b/src/forms/SwapToken.module.scss index 2b4eddf0..4a14f7a3 100644 --- a/src/forms/SwapToken.module.scss +++ b/src/forms/SwapToken.module.scss @@ -69,3 +69,29 @@ $name: 12px; color: $blue; font-size: 12px; } + +.verified_box { + width: 54px; + height: 18px; + margin-left: 10px; + padding: 5px 7px 2px 7px; + border-radius: 9px; + background-color: #0222ba; + text-align: center; + display: flex; + align-items: center; +} + +.verified { + width: 40px; + height: 14px; + font-family: OpenSans; + font-size: 10px; + font-weight: bold; + font-stretch: normal; + font-style: normal; + line-height: normal; + letter-spacing: normal; + text-align: center; + color: #ffffff; +} diff --git a/src/forms/SwapToken.tsx b/src/forms/SwapToken.tsx index 348d04b8..c4a95722 100644 --- a/src/forms/SwapToken.tsx +++ b/src/forms/SwapToken.tsx @@ -7,6 +7,7 @@ import { GetTokenSvg } from "../helpers/token" interface Props extends AssetItem { contract_addr?: string icon: string[] + verified: boolean formatTokenName?: (symbol: string) => string } @@ -15,6 +16,7 @@ const SwapToken = ({ balance, contract_addr, icon, + verified, formatTokenName, }: Props) => { const symbols = symbol.split("-") @@ -34,6 +36,12 @@ const SwapToken = ({

{formatTokenName?.(symbols[0]) ?? lookupSymbol(symbols[0])}

+ {verified ? ( +
+

verified

+
+ ) : undefined} + {symbols.length > 1 ? (
- @@ -55,6 +63,11 @@ const SwapToken = ({

) : undefined} + {symbols.length > 1 && verified ? ( +
+

verified

+
+ ) : undefined}
diff --git a/src/forms/SwapTokens.tsx b/src/forms/SwapTokens.tsx index d39a3d96..12921aa0 100644 --- a/src/forms/SwapTokens.tsx +++ b/src/forms/SwapTokens.tsx @@ -159,6 +159,7 @@ const SwapTokens = ({ name: "", contract_addr: "", icon: [""], + verified: false, } if (type === Type.WITHDRAW) { @@ -172,6 +173,7 @@ const SwapTokens = ({ icon: tokenInfoList ? [tokenInfoList[0].icon, tokenInfoList[1].icon] : ["", ""], + verified: false, } } else { const tokenInfo = tokenInfos.get(item) @@ -181,6 +183,7 @@ const SwapTokens = ({ name: tokenInfo?.name || "", contract_addr: isNativeToken(item) ? "" : item, icon: [tokenInfo ? tokenInfo.icon : ""], + verified: tokenInfo?.verified || false, } } diff --git a/src/rest/useAPI.ts b/src/rest/useAPI.ts index 331a9fb7..35b9db7e 100644 --- a/src/rest/useAPI.ts +++ b/src/rest/useAPI.ts @@ -100,6 +100,7 @@ interface TokenResult { total_supply: string contract_addr: string icon: string + verified: boolean } interface PoolResponse { diff --git a/src/rest/usePairs.ts b/src/rest/usePairs.ts index f58d2bcf..0be0d57d 100644 --- a/src/rest/usePairs.ts +++ b/src/rest/usePairs.ts @@ -54,6 +54,7 @@ interface TokenInfo { contract_addr: string decimals: number icon: string + verified: boolean } interface PairsResponse { @@ -78,72 +79,185 @@ interface TokenResult { total_supply: string contract_addr: string icon: string + verified: boolean } export let tokenInfos: Map = new Map([ [ LUNA, - { contract_addr: ULUNA, symbol: LUNA, name: ULUNA, decimals: 6, icon: "" }, + { + contract_addr: ULUNA, + symbol: LUNA, + name: ULUNA, + decimals: 6, + icon: "", + verified: true, + }, ], [ KRT, - { contract_addr: UKRW, symbol: KRT, name: UKRW, decimals: 6, icon: "" }, + { + contract_addr: UKRW, + symbol: KRT, + name: UKRW, + decimals: 6, + icon: "", + verified: true, + }, ], [ MNT, - { contract_addr: UMNT, symbol: MNT, name: UMNT, decimals: 6, icon: "" }, + { + contract_addr: UMNT, + symbol: MNT, + name: UMNT, + decimals: 6, + icon: "", + verified: true, + }, ], [ SDT, - { contract_addr: USDR, symbol: SDT, name: USDR, decimals: 6, icon: "" }, + { + contract_addr: USDR, + symbol: SDT, + name: USDR, + decimals: 6, + icon: "", + verified: true, + }, ], [ UST, - { contract_addr: UUSD, symbol: UST, name: UUSD, decimals: 6, icon: "" }, + { + contract_addr: UUSD, + symbol: UST, + name: UUSD, + decimals: 6, + icon: "", + verified: true, + }, ], [ AUT, - { contract_addr: UAUD, symbol: AUT, name: UAUD, decimals: 6, icon: "" }, + { + contract_addr: UAUD, + symbol: AUT, + name: UAUD, + decimals: 6, + icon: "", + verified: true, + }, ], [ CAT, - { contract_addr: UCAD, symbol: CAT, name: UCAD, decimals: 6, icon: "" }, + { + contract_addr: UCAD, + symbol: CAT, + name: UCAD, + decimals: 6, + icon: "", + verified: true, + }, ], [ CHT, - { contract_addr: UCHF, symbol: CHT, name: UCHF, decimals: 6, icon: "" }, + { + contract_addr: UCHF, + symbol: CHT, + name: UCHF, + decimals: 6, + icon: "", + verified: true, + }, ], [ CNT, - { contract_addr: UCNY, symbol: CNT, name: UCNY, decimals: 6, icon: "" }, + { + contract_addr: UCNY, + symbol: CNT, + name: UCNY, + decimals: 6, + icon: "", + verified: true, + }, ], [ EUT, - { contract_addr: UEUR, symbol: EUT, name: UEUR, decimals: 6, icon: "" }, + { + contract_addr: UEUR, + symbol: EUT, + name: UEUR, + decimals: 6, + icon: "", + verified: true, + }, ], [ GBT, - { contract_addr: UGBP, symbol: GBT, name: UGBP, decimals: 6, icon: "" }, + { + contract_addr: UGBP, + symbol: GBT, + name: UGBP, + decimals: 6, + icon: "", + verified: true, + }, ], [ HKT, - { contract_addr: UHKD, symbol: HKT, name: UHKD, decimals: 6, icon: "" }, + { + contract_addr: UHKD, + symbol: HKT, + name: UHKD, + decimals: 6, + icon: "", + verified: true, + }, ], [ INT, - { contract_addr: UINR, symbol: INT, name: UINR, decimals: 6, icon: "" }, + { + contract_addr: UINR, + symbol: INT, + name: UINR, + decimals: 6, + icon: "", + verified: true, + }, ], [ JPT, - { contract_addr: UJPY, symbol: JPT, name: UJPY, decimals: 6, icon: "" }, + { + contract_addr: UJPY, + symbol: JPT, + name: UJPY, + decimals: 6, + icon: "", + verified: true, + }, ], [ SGT, - { contract_addr: USGD, symbol: SGT, name: USGD, decimals: 6, icon: "" }, + { + contract_addr: USGD, + symbol: SGT, + name: USGD, + decimals: 6, + icon: "", + verified: true, + }, ], [ THT, - { contract_addr: UTHB, symbol: THT, name: UTHB, decimals: 6, icon: "" }, + { + contract_addr: UTHB, + symbol: THT, + name: UTHB, + decimals: 6, + icon: "", + verified: true, + }, ], ]) @@ -176,6 +290,7 @@ export default () => { contract_addr: info.token.contract_addr, decimals: 6, icon: "", + verified: false, } if (tokenResult) { tokenInfo = { @@ -184,6 +299,7 @@ export default () => { contract_addr: info.token.contract_addr, decimals: tokenResult.decimals, icon: tokenResult.icon, + verified: tokenResult.verified, } } tokenInfos.set(info.token.contract_addr, tokenInfo) @@ -218,7 +334,7 @@ export default () => { console.log(error) } - ; (networkName === "testnet" ? testnetTokens : mainnetTokens).forEach( + ;(networkName === "testnet" ? testnetTokens : mainnetTokens).forEach( (token) => { if ( token !== undefined && @@ -231,6 +347,7 @@ export default () => { name: token.name, decimals: token.decimals ? token.decimals : 6, icon: "", + verified: false, }) } } @@ -270,6 +387,7 @@ export default () => { symbol: lpTokenInfo.symbol, decimals: lpTokenInfo.decimals, icon: "", + verified: false, }) let pair: Pair = {