From 00d351211e2bb30530c40a875f3dfc1407993017 Mon Sep 17 00:00:00 2001 From: hibiki-matsumoto Date: Sun, 3 Dec 2023 03:15:26 +0900 Subject: [PATCH] update: v0.1.2 --- package.json | 2 +- src/UI/Drawer/Drawer.tsx | 92 +++++------ src/constants/config.ts | 320 ++++++++++++++++++------------------- src/metaData/token-list.ts | 2 +- 4 files changed, 208 insertions(+), 208 deletions(-) diff --git a/package.json b/package.json index 96f94f9..880eaed 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "mycel-widget", - "version": "0.1.1", + "version": "0.1.2", "type": "module", "description": "Widget powered by mycel", "main": "./dist/index.umd.cjs", diff --git a/src/UI/Drawer/Drawer.tsx b/src/UI/Drawer/Drawer.tsx index d014eb7..86232fd 100644 --- a/src/UI/Drawer/Drawer.tsx +++ b/src/UI/Drawer/Drawer.tsx @@ -1,8 +1,8 @@ -import React from 'react'; -import { styled } from '../../theme'; -import { CloseIcon } from '../Icon'; -import { Typography } from '../Typography'; -import { createPortal } from 'react-dom'; +import React from "react"; +import { styled } from "../../theme"; +import { CloseIcon } from "../Icon"; +import { Typography } from "../Typography"; +import { createPortal } from "react-dom"; export interface PropTypes { title?: string; @@ -10,79 +10,79 @@ export interface PropTypes { onClose: () => void; content: React.ReactNode; containerStyle?: React.CSSProperties; - anchor?: 'bottom' | 'left' | 'right' | 'top'; + anchor?: "bottom" | "left" | "right" | "top"; showClose?: boolean; footer?: React.ReactNode; container: Element | null; } -const BackDrop = styled('div', { - position: 'absolute', - top: '0', - left: '0', - width: '100%', - height: '100%', +const BackDrop = styled("div", { + position: "absolute", + top: "0", + left: "0", + width: "100%", + height: "100%", zIndex: 9999999, - backgroundColor: 'rgba(0,0,0,.1)', - borderRadius: '$10', + backgroundColor: "rgba(0,0,0,.1)", + borderRadius: "$10", }); -const DrawerContainer = styled('div', { - position: 'absolute', - boxShadow: '$s', - background: '$background', - padding: '$20', - display: 'flex', - flexDirection: 'column', - justifyContent: 'space-between', +const DrawerContainer = styled("div", { + position: "absolute", + boxShadow: "$s", + background: "$background", + padding: "$20", + display: "flex", + flexDirection: "column", + justifyContent: "space-between", zIndex: 9999999, - borderRadius: '$10', + borderRadius: "$10", variants: { anchor: { left: { top: 0, left: 0, - height: '100%', - minWidth: '300px', - maxWidth: '90%', + height: "100%", + minWidth: "300px", + maxWidth: "90%", }, right: { top: 0, right: 0, - height: '100%', - minWidth: '300px', - maxWidth: '90%', + height: "100%", + minWidth: "300px", + maxWidth: "90%", }, bottom: { bottom: 0, - width: '100%', - maxHeight: '90%', + width: "100%", + maxHeight: "90%", }, top: { top: 0, - width: '100%', - maxHeight: '90%', + width: "100%", + maxHeight: "90%", }, }, }, }); -const DrawerHeader = styled('div', { - display: 'flex', - justifyContent: 'space-between', - alignItems: 'center', - position: 'relative', - marginBottom: '$16', +const DrawerHeader = styled("div", { + display: "flex", + justifyContent: "space-between", + alignItems: "center", + position: "relative", + marginBottom: "$16", }); -const Body = styled('div', { - overflowY: 'auto', - height: '100%', +const Body = styled("div", { + overflowY: "auto", + height: "100%", }); -const Footer = styled('footer', { - width: '100%', - marginTop: '$28', +const Footer = styled("footer", { + width: "100%", + marginTop: "$28", }); export function Drawer(props: PropTypes) { @@ -92,7 +92,7 @@ export function Drawer(props: PropTypes) { open, onClose, containerStyle, - anchor = 'bottom', + anchor = "bottom", showClose = false, footer, container, diff --git a/src/constants/config.ts b/src/constants/config.ts index 3f17daa..e4a9c0b 100644 --- a/src/constants/config.ts +++ b/src/constants/config.ts @@ -1,161 +1,161 @@ export const config = { - from: { - blockchains: [ - "ETHEREUM_MAINNET_MAINNET", - "ETHEREUM_TESTNET_GOERLI", - "SOLANA_MAINNET_MAINNET", - "SOLANA_TESTNET_TESTNET", - "ARBITRUM_MAINNET_MAINNET", - "ARBITRUM_TESTNET_GOERLI", - "BNB_MAINNET_MAINNET", - "BNB_TESTNET_TESTNET", - "POLYGON_MAINNET_MAINNET", - "POLYGON_TESTNET_MUMBAI", - "OPTIMISM_MAINNET_MAINNET", - "OPTIMISM_TESTNET_GOERLI", - "AVALANCHE_MAINNET_CCHAIN", - "AVALANCHE_TESTNET_FUJI", - "GNOSIS_MAINNET_MAINNET", - "GNOSIS_TESTNET_CHIADO", - "APTOS_MAINNET_MAINNET", - "APTOS_TESTNET_TESTNET", - "SUI_MAINNET_MAINNET", - "SUI_TESTNET_TESTNET", - "SHARDEUM_BETANET_SPHINX", - "ZETA_TESTNET_ATHENS", - ], - tokens: [ - { - blockchain: "ETHEREUM_MAINNET_MAINNET", - address: null, - symbol: "ETH", - }, - { - blockchain: "ETHEREUM_TESTNET_GOERLI", - address: "0xdd69db25f6d620a7bad3023c5d32761d353d3de9", - symbol: "ETH", - }, - { - blockchain: "BNB_MAINNET_MAINNET", - address: null, - symbol: "BNB", - }, - { - blockchain: "BNB_TESTNET_TESTNET", - address: null, - symbol: "BNB", - }, - { - blockchain: "ARBITRUM_MAINNET_MAINNET", - address: "0x912ce59144191c1204e64559fe8253a0e49e6548", - symbol: "ARB", - }, - { - blockchain: "ARBITRUM_TESTNET_GOERLI", - address: null, - symbol: "ARB", - }, - { - blockchain: "POLYGON_MAINNET_MAINNET", - address: null, - symbol: "MATIC", - }, - { - blockchain: "POLYGON_TESTNET_MUMBAI", - address: null, - symbol: "MATIC", - }, - { - blockchain: "OPTIMISM_MAINNET_MAINNET", - address: "0x4200000000000000000000000000000000000042", - symbol: "OP", - }, - { - blockchain: "OPTIMISM_TESTNET_GOERLI", - address: null, - symbol: "OP", - }, - { - blockchain: "AVALANCHE_MAINNET_CCHAIN", - address: null, - symbol: "AVAX", - }, - { - blockchain: "AVALANCHE_TESTNET_FUJI", - address: null, - symbol: "AVAX", - }, - { - blockchain: "SOLANA_MAINNET_MAINNET", - address: null, - symbol: "SOL", - }, - { - blockchain: "SOLANA_TESTNET_TESTNET", - address: null, - symbol: "SOL", - }, - { - blockchain: "GNOSIS_MAINNET_MAINNET", - address: null, - symbol: "GNO", - }, - { - blockchain: "GNOSIS_TESTNET_CHIADO", - address: null, - symbol: "XDAI", - }, - { - blockchain: "APTOS_MAINNET_MAINNET", - address: null, - symbol: "APT", - }, - { - blockchain: "APTOS_TESTNET_TESTNET", - address: null, - symbol: "APT", - }, - { - blockchain: "SUI_MAINNET_MAINNET", - address: null, - symbol: "SUI", - }, - { - blockchain: "SUI_TESTNET_TESTNET", - address: null, - symbol: "SUI", - }, - { - blockchain: "SHARDEUM_BETANET_SPHINX", - address: null, - symbol: "SHM", - }, - { - blockchain: "ZETA_TESTNET_ATHENS", - address: null, - symbol: "aZETA", - }, - ], - }, - wallets: ["metamask", "bitget", "okx", "phantom", "petra"], - theme: { - mode: "dark", - colors: { - dark: { - background: "#fffcdf", - primary: "#f1cab2", - foreground: "#000", - success: "#198754", - surface: "#fff", - neutral: "#fffcdf", - warning: "#ffc107", - }, - }, - }, - multiWallets: false, - mycelEnv: { - apiURL: "http://seed.dev.mycel.domains:1317", - rpcURL: "http://seed.dev.mycel.domains:26657", - prefix: "mycel", - }, - }; + from: { + blockchains: [ + "ETHEREUM_MAINNET_MAINNET", + "ETHEREUM_TESTNET_GOERLI", + "SOLANA_MAINNET_MAINNET", + "SOLANA_TESTNET_TESTNET", + "ARBITRUM_MAINNET_MAINNET", + "ARBITRUM_TESTNET_GOERLI", + "BNB_MAINNET_MAINNET", + "BNB_TESTNET_TESTNET", + "POLYGON_MAINNET_MAINNET", + "POLYGON_TESTNET_MUMBAI", + "OPTIMISM_MAINNET_MAINNET", + "OPTIMISM_TESTNET_GOERLI", + "AVALANCHE_MAINNET_CCHAIN", + "AVALANCHE_TESTNET_FUJI", + "GNOSIS_MAINNET_MAINNET", + "GNOSIS_TESTNET_CHIADO", + "APTOS_MAINNET_MAINNET", + "APTOS_TESTNET_TESTNET", + "SUI_MAINNET_MAINNET", + "SUI_TESTNET_TESTNET", + "SHARDEUM_BETANET_SPHINX", + "ZETA_TESTNET_ATHENS", + ], + tokens: [ + { + blockchain: "ETHEREUM_MAINNET_MAINNET", + address: null, + symbol: "ETH", + }, + { + blockchain: "ETHEREUM_TESTNET_GOERLI", + address: "0xdd69db25f6d620a7bad3023c5d32761d353d3de9", + symbol: "ETH", + }, + { + blockchain: "BNB_MAINNET_MAINNET", + address: null, + symbol: "BNB", + }, + { + blockchain: "BNB_TESTNET_TESTNET", + address: null, + symbol: "BNB", + }, + { + blockchain: "ARBITRUM_MAINNET_MAINNET", + address: "0x912ce59144191c1204e64559fe8253a0e49e6548", + symbol: "ARB", + }, + { + blockchain: "ARBITRUM_TESTNET_GOERLI", + address: null, + symbol: "ARB", + }, + { + blockchain: "POLYGON_MAINNET_MAINNET", + address: null, + symbol: "MATIC", + }, + { + blockchain: "POLYGON_TESTNET_MUMBAI", + address: null, + symbol: "MATIC", + }, + { + blockchain: "OPTIMISM_MAINNET_MAINNET", + address: "0x4200000000000000000000000000000000000042", + symbol: "OP", + }, + { + blockchain: "OPTIMISM_TESTNET_GOERLI", + address: null, + symbol: "OP", + }, + { + blockchain: "AVALANCHE_MAINNET_CCHAIN", + address: null, + symbol: "AVAX", + }, + { + blockchain: "AVALANCHE_TESTNET_FUJI", + address: null, + symbol: "AVAX", + }, + { + blockchain: "SOLANA_MAINNET_MAINNET", + address: null, + symbol: "SOL", + }, + { + blockchain: "SOLANA_TESTNET_TESTNET", + address: null, + symbol: "SOL", + }, + { + blockchain: "GNOSIS_MAINNET_MAINNET", + address: null, + symbol: "GNO", + }, + { + blockchain: "GNOSIS_TESTNET_CHIADO", + address: null, + symbol: "XDAI", + }, + { + blockchain: "APTOS_MAINNET_MAINNET", + address: null, + symbol: "APT", + }, + { + blockchain: "APTOS_TESTNET_TESTNET", + address: null, + symbol: "APT", + }, + { + blockchain: "SUI_MAINNET_MAINNET", + address: null, + symbol: "SUI", + }, + { + blockchain: "SUI_TESTNET_TESTNET", + address: null, + symbol: "SUI", + }, + { + blockchain: "SHARDEUM_BETANET_SPHINX", + address: null, + symbol: "SHM", + }, + { + blockchain: "ZETA_TESTNET_ATHENS", + address: null, + symbol: "aZETA", + }, + ], + }, + wallets: ["metamask", "bitget", "okx", "phantom", "petra"], + theme: { + mode: "dark", + colors: { + dark: { + background: "#fffcdf", + primary: "#f1cab2", + foreground: "#000", + success: "#198754", + surface: "#fff", + neutral: "#fffcdf", + warning: "#ffc107", + }, + }, + }, + multiWallets: false, + mycelEnv: { + apiURL: "http://seed.dev.mycel.domains:1317", + rpcURL: "http://seed.dev.mycel.domains:26657", + prefix: "mycel", + }, +}; diff --git a/src/metaData/token-list.ts b/src/metaData/token-list.ts index 3c8b07a..de47d96 100644 --- a/src/metaData/token-list.ts +++ b/src/metaData/token-list.ts @@ -308,7 +308,7 @@ export const tokenList = [ image: ZetaLogo, isPopular: true, isSecondaryCoin: false, - symbol: "ZETA", + symbol: "aZETA", usdPrice: null, type: "EVM", },