Skip to content

F
frontend
Commit 49bdf6a6 authored by tom's avatar tom
Browse files
Options

zetachain

parent f9ffc611
Hide whitespace changes
Inline Side-by-side
Showing with 30 additions and 5 deletions
.env.template
View file @ 49bdf6a6
......@@ -36,6 +36,7 @@ NEXT_PUBLIC_MARKETPLACE_SUBMIT_FORM=__PLACEHOLDER_FOR_NEXT_PUBLIC_MARKETPLACE_SU
NEXT_PUBLIC_LOGOUT_URL=__PLACEHOLDER_FOR_NEXT_PUBLIC_LOGOUT_URL__
NEXT_PUBLIC_LOGOUT_RETURN_URL=__PLACEHOLDER_FOR_NEXT_PUBLIC_LOGOUT_RETURN_URL__
NEXT_PUBLIC_HOMEPAGE_CHARTS=__PLACEHOLDER_FOR_NEXT_PUBLIC_HOMEPAGE_CHARTS__
NEXT_PUBLIC_HOMEPAGE_PLATE_TEXT_COLOR=__PLACEHOLDER_FOR_NEXT_PUBLIC_HOMEPAGE_PLATE_TEXT_COLOR__
NEXT_PUBLIC_HOMEPAGE_PLATE_GRADIENT=__PLACEHOLDER_FOR_NEXT_PUBLIC_HOMEPAGE_PLATE_GRADIENT__
NEXT_PUBLIC_HOMEPAGE_SHOW_GAS_TRACKER=__PLACEHOLDER_FOR_NEXT_PUBLIC_HOMEPAGE_SHOW_GAS_TRACKER__
NEXT_PUBLIC_HOMEPAGE_SHOW_AVG_BLOCK_TIME=__PLACEHOLDER_FOR_NEXT_PUBLIC_HOMEPAGE_SHOW_AVG_BLOCK_TIME__
......
configs/app/config.ts
View file @ 49bdf6a6
......@@ -119,8 +119,11 @@ const config = Object.freeze({
},
homepage: {
charts: parseEnvJson<Array<ChainIndicatorId>>(getEnvValue(process.env.NEXT_PUBLIC_HOMEPAGE_CHARTS)) || [],
plateGradient: getEnvValue(process.env.NEXT_PUBLIC_HOMEPAGE_PLATE_GRADIENT) ||
'radial-gradient(103.03% 103.03% at 0% 0%, rgba(183, 148, 244, 0.8) 0%, rgba(0, 163, 196, 0.8) 100%)',
plate: {
gradient: getEnvValue(process.env.NEXT_PUBLIC_HOMEPAGE_PLATE_GRADIENT) ||
'radial-gradient(103.03% 103.03% at 0% 0%, rgba(183, 148, 244, 0.8) 0%, rgba(0, 163, 196, 0.8) 100%)',
textColor: getEnvValue(process.env.NEXT_PUBLIC_HOMEPAGE_PLATE_TEXT_COLOR) || 'white',
},
showGasTracker: getEnvValue(process.env.NEXT_PUBLIC_HOMEPAGE_SHOW_GAS_TRACKER) === 'false' ? false : true,
showAvgBlockTime: getEnvValue(process.env.NEXT_PUBLIC_HOMEPAGE_SHOW_AVG_BLOCK_TIME) === 'false' ? false : true,
},
......
docs/ENVS.md
View file @ 49bdf6a6
......@@ -41,6 +41,7 @@ The app instance could be customized by passing following variables to NodeJS en
| NEXT_PUBLIC_LOGOUT_URL | `string` | Account logout url. Required if account is supported for the app instance. | - | - | `https://blockscoutcom.us.auth0.com/v2/logout` |
| NEXT_PUBLIC_LOGOUT_RETURN_URL | `string` | Account logout return url. Required if account is supported for the app instance. | - | - | `https://blockscout.com/poa/core/auth/logout` |
| NEXT_PUBLIC_HOMEPAGE_CHARTS | `Array<'daily_txs' \| 'coin_price' \| 'market_cup'>` | List of charts displayed on the home page | - | - | `['daily_txs','coin_price','market_cup']` |
| NEXT_PUBLIC_HOMEPAGE_PLATE_TEXT_COLOR | `string` | Text color of the hero plate on the homepage | `#FFFFFF` | `'#DCFE76'` |
| NEXT_PUBLIC_HOMEPAGE_PLATE_GRADIENT | `string` | Gradient value for hero plate on the homepage | - | `radial-gradient(103.03% 103.03% at 0% 0%, rgba(183, 148, 244, 0.8) 0%, rgba(0, 163, 196, 0.8) 100%)` | `radial-gradient(at 15% 86%, hsla(350,65%,70%,1) 0px, transparent 50%), radial-gradient(at 72% 57%, hsla(14,95%,76%,1) 0px, transparent 50%)` |
| NEXT_PUBLIC_HOMEPAGE_SHOW_GAS_TRACKER | `boolean` | Set to false if network doesn't have gas tracker | - | `true` | `false` |
| NEXT_PUBLIC_HOMEPAGE_SHOW_AVG_BLOCK_TIME | `boolean` | Set to false if average block time is useless for the network | - | `true` | `false` |
......
icons/networks/icons/zetachain.svg 0 → 100644
View file @ 49bdf6a6
<svg viewBox="0 0 30 30" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.807 20.223v3.19H8.645c.181-2.1.859-3.577 3.202-5.655l9.96-8.496v7.456h3.585V3H5.004v6.838h3.584V6.585h10.831l-9.911 8.458-.024.022C5.33 18.743 5 21.711 5 25.208V27h20.391v-6.776h-3.585l.001-.001Z" fill="#285F4C"/>
</svg>
icons/networks/logos/zetachain.svg 0 → 100644
View file @ 49bdf6a6
<svg viewBox="0 0 109 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#zetachain_svg__a)" fill="#285F4C">
<path d="M13.742 14.459v2.609H2.98c.148-1.717.702-2.926 2.618-4.624l8.144-6.948v6.097h2.932V.377H.004v5.59h2.93V3.309h8.856l-8.104 6.915-.02.019C.27 13.248 0 15.675 0 18.535V20h16.673v-5.54H13.74l.001-.001Zm20.872-3.689a.02.02 0 0 0-.018.02c.06 1.18.551 3.083 3.08 3.083 1.952 0 2.352-1.217 2.509-1.562a.017.017 0 0 1 .016-.01h1.888c.012 0 .02.01.017.021-.115.64-1.102 3.146-4.43 3.146-3.327 0-4.96-2.5-4.96-5.2 0-3.302 2.08-5.221 4.895-5.221 2.623 0 4.588 1.983 4.588 4.478 0 .145-.003.32-.01.524-.008.2-.033.436-.075.706a.017.017 0 0 1-.017.015h-7.483Zm2.954-4.26c-2.378 0-2.95 1.773-2.95 2.8 0 .01.008.02.02.02h5.708c.01 0 .018-.01.019-.019.066-1.136-.702-2.8-2.797-2.8Zm11.634 8.703a.017.017 0 0 1-.015.017c-.187.028-.433.057-.739.085-.313.029-.63.044-.95.044-1.627 0-3.124-.584-3.124-3.474V6.921a.018.018 0 0 0-.018-.018h-1.8a.018.018 0 0 1-.018-.018V5.326c0-.01.007-.018.018-.018h1.8c.01 0 .018-.008.018-.019V1.982c0-.01.008-.018.018-.018h1.866c.01 0 .018.008.018.018V5.29c0 .01.008.019.018.019h2.543c.01 0 .018.007.018.018v1.559c0 .01-.008.018-.018.018h-2.543a.018.018 0 0 0-.018.018v4.534c0 2.084.852 2.156 1.639 2.156h.688c.242 0 .436-.02.579-.06.01-.003.021.006.021.018v1.644ZM59.87 5.327v9.884c0 .01-.008.018-.019.018h-1.843a.018.018 0 0 1-.018-.018v-1.64c0-.018-.025-.025-.032-.008-.334.66-1.45 1.906-3.442 1.906-2.651 0-5.09-2.082-5.09-5.2 0-2.53 1.802-5.221 5.09-5.221 1.863 0 3.061 1.146 3.442 1.905.008.016.032.01.032-.008V5.327c0-.01.008-.018.018-.018h1.843c.01 0 .019.007.019.018Zm-5.244 8.438c2.339 0 3.365-1.89 3.365-3.496 0-1.86-1.313-3.517-3.365-3.517-2.321 0-3.32 1.98-3.32 3.517 0 1.538.944 3.496 3.32 3.496Zm14.479-4.851c-.008 0-.014-.007-.017-.015-.162-.819-.47-2.147-2.75-2.147-1.827 0-3.082 1.37-3.082 3.517 0 1.576.76 3.496 3.19 3.496 1.817 0 2.35-.872 2.661-1.931.003-.008.009-.013.018-.013h1.866c.011 0 .02.01.018.02-.242 1.673-1.498 3.628-4.694 3.628-2.995 0-4.96-2.236-4.96-5.2 0-2.622 1.658-5.221 4.938-5.221 3.498 0 4.588 2.388 4.696 3.847 0 .01-.008.019-.018.019h-1.866ZM72.59.262h1.865c.009 0 .018.008.018.019v6.702c0 .018.024.024.033.007.291-.58 1.195-1.942 3.463-1.942 3.138 0 3.787 2.376 3.736 4.325v5.838c0 .01-.007.018-.018.018h-1.866a.018.018 0 0 1-.018-.018V9.963c0-1.705-.575-3.234-2.513-3.234-1.463 0-2.819 1.089-2.819 3.387v5.095c0 .01-.007.018-.018.018h-1.865a.018.018 0 0 1-.019-.018V.28c0-.01.008-.019.019-.019l.001.001Zm20.859 5.065v9.884c0 .01-.008.018-.019.018h-1.843a.018.018 0 0 1-.018-.018v-1.64c0-.018-.024-.024-.032-.008-.32.584-1.372 1.906-3.442 1.906-2.915 0-5.09-2.297-5.09-5.2 0-2.399 1.719-5.221 5.09-5.221 2.045 0 3.121 1.323 3.442 1.905.008.016.032.01.032-.008V5.327c0-.01.008-.018.018-.018h1.843c.01 0 .019.007.019.018Zm-5.244 8.438c2.229 0 3.365-1.815 3.365-3.496 0-1.87-1.327-3.517-3.365-3.517-2.401 0-3.366 2.112-3.321 3.517.075 2.376 1.707 3.496 3.32 3.496ZM94.723 1.48A1.456 1.456 0 0 1 96.271.003c.356.025.668.17.932.435.265.266.41.576.435.934.031.461-.168.916-.524 1.21-.272.226-.59.339-.953.339-.404 0-.745-.139-1.022-.418a1.387 1.387 0 0 1-.418-1.022h.002Zm2.391 3.829H95.25a.018.018 0 0 0-.018.018v9.882c0 .01.008.019.018.019h1.865c.01 0 .018-.008.018-.019V5.327a.018.018 0 0 0-.018-.018Zm10.946 9.919h-1.825a.018.018 0 0 1-.018-.018V8.97c.028-1.61-.37-1.838-1.821-1.818h-3.627a.018.018 0 0 0-.018.018v8.04c0 .01-.008.018-.018.018h-1.806a.018.018 0 0 1-.019-.018V5.325c0-.01.008-.018.019-.018h5.468c2.254.024 3.662 1.893 3.662 3.662v6.257h.003ZM26.077 10.2c-1.68 1.518-1.813 2.74-1.813 4.181v.847h7.699v-1.694H25.97c.088-.745.366-1.3 1.206-2.06l4.786-4.034V5.3h-7.705v1.695h5.635l-3.794 3.184-.022.02Z"/>
</g>
<defs>
<clipPath id="zetachain_svg__a">
<path fill="#fff" d="M0 0h108.667v20H0z"/>
</clipPath>
</defs>
</svg>
lib/networks/networkAssets.ts
View file @ 49bdf6a6
......@@ -13,6 +13,7 @@ import optimismIcon from 'icons/networks/icons/optimism.svg';
import poaSokolIcon from 'icons/networks/icons/poa-sokol.svg';
import poaIcon from 'icons/networks/icons/poa.svg';
import rskIcon from 'icons/networks/icons/rsk.svg';
import zetachainIcon from 'icons/networks/icons/zetachain.svg';
import artisLogo from 'icons/networks/logos/artis.svg';
import astarLogo from 'icons/networks/logos/astar.svg';
import baseLogo from 'icons/networks/logos/base.svg';
......@@ -26,6 +27,7 @@ import rskLogo from 'icons/networks/logos/rsk.svg';
import shibuyaLogo from 'icons/networks/logos/shibuya.svg';
import shidenLogo from 'icons/networks/logos/shiden.svg';
import sokolLogo from 'icons/networks/logos/sokol.svg';
import zetachainLogo from 'icons/networks/logos/zetachain.svg';
interface NetworkAssets {
icon?: React.FunctionComponent<React.SVGAttributes<SVGElement>>;
......@@ -92,6 +94,10 @@ const networkAssets: Partial<Record<PreDefinedNetwork, NetworkAssets>> = {
logo: baseLogo,
icon: baseIcon,
},
zetachain: {
logo: zetachainLogo,
icon: zetachainIcon,
},
};
export default networkAssets;
types/networks.ts
View file @ 49bdf6a6
......@@ -3,7 +3,8 @@ import type { FunctionComponent, SVGAttributes } from 'react';
export type NetworkGroup = 'mainnets' | 'testnets' | 'other';
export type PreDefinedNetwork = 'xdai_mainnet' | 'xdai_optimism' | 'xdai_aox' | 'eth_mainnet' | 'etc_mainnet' | 'poa_core' |
'rsk_mainnet' | 'xdai_testnet' | 'poa_sokol' | 'artis_sigma1' | 'lukso_l14' | 'astar' | 'shiden' | 'shibuya' | 'goerli' | 'base_goerli';
'rsk_mainnet' | 'xdai_testnet' | 'poa_sokol' | 'artis_sigma1' | 'lukso_l14' | 'astar' | 'shiden' | 'shibuya' | 'goerli' | 'base_goerli' |
'zetachain';
export interface FeaturedNetwork {
title: string;
......
ui/pages/Home.tsx
View file @ 49bdf6a6
......@@ -17,7 +17,7 @@ const Home = () => {
<Page isHomePage>
<Box
w="100%"
backgroundImage={ appConfig.homepage.plateGradient }
backgroundImage={ appConfig.homepage.plate.gradient }
backgroundColor="blue.400"
borderRadius="24px"
padding={{ base: '24px', lg: '48px' }}
......@@ -29,7 +29,7 @@ const Home = () => {
size={{ base: 'md', lg: 'xl' }}
lineHeight={{ base: '32px', lg: '50px' }}
fontWeight={ 600 }
color="white"
color={ appConfig.homepage.plate.textColor }
>
Welcome to { appConfig.network.name } explorer
</Heading>
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment