{children}
;
8 |
9 | export default TitleWrapper;
10 |
--------------------------------------------------------------------------------
/src/components/common/ErrorPage/ErrorPage.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .ErrorPage-wrapper {
4 | display: flex;
5 | flex-flow: column;
6 | align-items: center;
7 | justify-content: flex-start;
8 |
9 | div {
10 | font-family: "Open Sans", serif;
11 | font-size: 13px;
12 | text-align: center;
13 | font-weight: 500;
14 | }
15 | }
16 |
--------------------------------------------------------------------------------
/src/components/common/TitleWrapper/TitleWrapper.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .title-wrapper {
4 | display: flex;
5 | justify-content: space-between;
6 | align-items: center;
7 | margin-bottom: 12px;
8 |
9 | @include media("{title}
); 8 | PageTitle.defaultProps = { 9 | title: "", 10 | }; 11 | 12 | export default PageTitle; 13 | -------------------------------------------------------------------------------- /src/styles/lib/mixins/_flex.scss: -------------------------------------------------------------------------------- 1 | @mixin Flex_LeftRight { 2 | display: flex; 3 | flex-flow: row; 4 | align-items: center; 5 | justify-content: space-between; 6 | } 7 | 8 | @mixin Flex_center { 9 | display: flex; 10 | align-items: center; 11 | justify-content: center; 12 | } 13 | 14 | @mixin Flex-UpDown { 15 | display: flex; 16 | flex-flow: column; 17 | justify-content: space-between; 18 | } -------------------------------------------------------------------------------- /jsconfig.json: -------------------------------------------------------------------------------- 1 | { 2 | "compilerOptions": { 3 | "module": "commonjs", 4 | "target": "es2016", 5 | "jsx": "preserve", 6 | "checkJs": true, 7 | "baseUrl": ".", 8 | "paths": { 9 | "*": [ 10 | "*", 11 | "assets/*" 12 | ] 13 | } 14 | }, 15 | "exclude": ["node_modules", "**/node_modules/*"] 16 | } -------------------------------------------------------------------------------- /public/manifest.json: -------------------------------------------------------------------------------- 1 | { 2 | "short_name": "minstcan-binance-explorer", 3 | "name": "minscan binance explorer", 4 | "icons": [ 5 | { 6 | "src": "favicon.ico", 7 | "sizes": "64x64 32x32 24x24 16x16", 8 | "type": "image/x-icon" 9 | } 10 | ], 11 | "start_url": ".", 12 | "display": "standalone", 13 | "theme_color": "#000000", 14 | "background_color": "#ffffff" 15 | } 16 | -------------------------------------------------------------------------------- /src/hooks/usePagedPagination/reducer.js: -------------------------------------------------------------------------------- 1 | export const initialState = { 2 | allData: [], 3 | index: [], 4 | isNoMore: false, 5 | pageSize: null, 6 | error: false, 7 | }; 8 | 9 | export const INITIAL_LOAD = "INITIAL_LOAD"; 10 | export const EXTRA_LOAD = "EXTRA_LOAD"; // load more 11 | export const PAGE_CHANGE = "PAGE_CHANGE"; 12 | export const RESET = "RESET"; // reset(to initial initial_load again 13 | -------------------------------------------------------------------------------- /src/assets/common/check_box_blank.svg: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /src/hooks/useDelayedInput.js: -------------------------------------------------------------------------------- 1 | import {useEffect, useState} from "react"; 2 | 3 | export default function useDelayedInput(setFunc = () => {}, timeout = 200) { 4 | const [value, setValue] = useState(""); 5 | useEffect(() => { 6 | const delay = setTimeout(() => { 7 | setFunc(value); 8 | }, timeout); 9 | return () => clearTimeout(delay); 10 | }, [value, timeout, setFunc]); 11 | 12 | return setValue; 13 | } 14 | -------------------------------------------------------------------------------- /src/assets/common/check_box_blank_hover.svg: -------------------------------------------------------------------------------- 1 | 5 | -------------------------------------------------------------------------------- /src/components/common/InfoRow/InfoRow.js: -------------------------------------------------------------------------------- 1 | import * as React from "react"; 2 | import cn from "classnames/bind"; 3 | import styles from "./InfoRow.scss"; 4 | 5 | const cx = cn.bind(styles); 6 | 7 | export default function({label, children}) { 8 | return ( 9 |-
10 |
- {label} 11 |
- {children} 12 |
{children}
, document.getElementById("root"));
10 | }
11 |
--------------------------------------------------------------------------------
/src/components/common/WindowedList/WindowedList.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import {FixedSizeList as List} from "react-window";
3 |
4 | export default function({data = [{}, {}], Comp, itemCnt}) {
5 | const Row = ({index}) => (
6 | <>
7 | -
12 | {Row}
13 |
12 | 
13 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/src/assets/dashboard/search_btn.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/src/assets/misc/arrow-next-gr.svg:
--------------------------------------------------------------------------------
1 |
5 |
--------------------------------------------------------------------------------
/src/components/common/Loading/Loading.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import classNames from "classnames/bind";
3 |
4 | import styles from "./Loading.scss";
5 | import spinSVG from "src/assets/common/spin.svg";
6 |
7 | const cx = classNames.bind(styles);
8 |
9 | const Loading = () => (
10 | {text}
14 |
11 | 
12 |
13 | );
14 |
15 | export default Loading;
16 |
--------------------------------------------------------------------------------
/src/assets/common/dropdown_arrow.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/src/assets/common/to-next-page.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/components/common/Spinner/Spinner.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import cn from "classnames/bind";
3 | import styles from "./Spinner.scss";
4 |
5 | import spinSVG from "src/assets/common/spin.svg";
6 |
7 | const cx = cn.bind(styles);
8 |
9 | export default function Spinner({styles}) {
10 | return (
11 |
12 |
13 |
14 | );
15 | }
16 |
--------------------------------------------------------------------------------
/src/assets/common/search-icon.svg:
--------------------------------------------------------------------------------
1 |
--------------------------------------------------------------------------------
/src/assets/common/to-next-page_inactive.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/components/common/Img/Img.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import CoolImg from "react-cool-img";
3 |
4 | import symbolNoneSVG from "src/assets/transactions/symbol_none.svg";
5 |
6 | import spinner from "src/assets/common/spin.svg";
7 | const retrySettings = {count: 0};
8 | export default function Img({src, style, className}) {
9 | return
11 | 
12 |
13 | );
14 | }
15 |
--------------------------------------------------------------------------------
/src/styles/utils.scss:
--------------------------------------------------------------------------------
1 | @import "lib/all";
2 |
3 | $breakpoints: (
4 | xxsmall: 360px,
5 | xsmall: 420px,
6 | small: 600px,
7 | medium: 980px,
8 | large: 1280px,
9 | wide: 1920px,
10 | img_tablet: 850px,
11 | img_mobile: 500px,
12 | img_pc: 1200px,
13 | table_limit: 1000px,
14 | dash_table_limit: 500px,
15 | asset_table_limit: 920px,
16 | //asset_details_table_limit: 1140px,,
17 | );
18 |
19 | $mainColor: #f0b90b;
20 |
21 | :export {
22 | medium: 980px;
23 | small: 600px;
24 | xsmall: 420px;
25 | }
26 |
--------------------------------------------------------------------------------
/src/components/common/PageTitle/PageTitle.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .pageTitle {
4 | font-family: "Montserrat", serif;
5 | font-size: 30px;
6 | font-weight: 500;
7 | line-height: 1.23;
8 | color: var(--colorPageTitle);
9 | //color: #999999;
10 | text-transform: uppercase;
11 |
12 | span {
13 | text-transform: none;
14 | }
15 |
16 | @include media("
12 | 
13 |
16 | );
17 | }
18 |
--------------------------------------------------------------------------------
/src/containers/Router/Router.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .routerContainer {
4 | width: 100%;
5 | //margin: 0 auto;
6 | padding: calc(var(--heightHeader) + var(--heightSubHeader)) 0 0 0;
7 | min-height: calc(100vh - var(--heightFooter));
8 | min-width: 360px;
9 |
10 | @include media("Some error has occurred, try refreshing the page
14 | If the error persists, contact admin
15 |
11 |
12 |
14 |
15 | );
16 | }
17 |
--------------------------------------------------------------------------------
/src/components/Tx/TxData/TxData.js:
--------------------------------------------------------------------------------
1 | import * as React from "react";
2 | import styles from "./TxData.scss";
3 | import cn from "classnames/bind";
4 |
5 | import {_} from "src/lib/scripts";
6 |
7 | import TxMessage from "./TxMessage";
8 |
9 | const cx = cn.bind(styles);
10 |
11 | export default function({txData}) {
12 | // console.log(txData);
13 | return (
14 | {address ?
13 |
15 |
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/config/pnpTs.js:
--------------------------------------------------------------------------------
1 | "use strict";
2 |
3 | const {resolveModuleName} = require("ts-pnp");
4 |
5 | exports.resolveModuleName = (typescript, moduleName, containingFile, compilerOptions, resolutionHost) => {
6 | return resolveModuleName(moduleName, containingFile, compilerOptions, resolutionHost, typescript.resolveModuleName);
7 | };
8 |
9 | exports.resolveTypeReferenceDirective = (typescript, moduleName, containingFile, compilerOptions, resolutionHost) => {
10 | return resolveModuleName(moduleName, containingFile, compilerOptions, resolutionHost, typescript.resolveTypeReferenceDirective);
11 | };
12 |
--------------------------------------------------------------------------------
/src/components/common/ScrollTop/ScrollTop.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .ScrollTop-overlay {
4 | position: fixed;
5 | bottom: 0;
6 | right: 0;
7 | height: 32px;
8 | width: 32px;
9 |
10 | transform: translate(-36px, -36px);
11 |
12 | border-radius: 5px;
13 | box-shadow: 0 3px 6px 0 rgba(0, 0, 0, 0.16);
14 | background-color: #222222;
15 |
16 | display: flex;
17 | align-items: center;
18 | justify-content: center;
19 |
20 | img {
21 | object-fit: contain;
22 | width: 24px;
23 | height: 24px;
24 | }
25 | }
26 |
27 | .invisible {
28 | display: none !important;
29 | }
30 |
--------------------------------------------------------------------------------
/src/components/Dashboard/DashboardContent/BlocksDisplay/BlocksDisplay.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .BlocksDisplay-table {
4 | overflow-x: auto;
5 | overflow-y: hidden;
6 | min-width: 310px;
7 |
8 | .tableHeaderCell {
9 | @include tableHeaderCellWidth300;
10 | @include tableHeaderPadding;
11 | color: var(--colorMainText);
12 | }
13 |
14 | .heightWidth {
15 | min-width: 50px;
16 | }
17 |
18 | .proposer {
19 | min-width: 70px;
20 | @include media("Msgs
16 | {_.map(txData.messages, (v, i) => ( 17 |
11 | 
12 | {type === "web" && Web Wallet}
13 |
14 |
15 | );
16 | });
17 |
18 | export default LinkCard;
19 |
--------------------------------------------------------------------------------
/src/components/Ad/Carousel/CarouselItem/CarouselItem.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import styles from "./CarouselItem.scss";
3 |
4 | export const CarouselItem = ({imgSrc, linkObj, customLink}) => {
5 | const onClick = () => {
6 | if (linkObj.type === "APPEND_ACCOUNT") {
7 | const link = linkObj.base + customLink;
8 |
9 | window.open(link, "_blank");
10 | return;
11 | }
12 |
13 | window.open(linkObj.base, "_blank");
14 | };
15 |
16 | return (
17 |
20 | );
21 | };
22 |
23 | export default CarouselItem;
24 |
--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
1 | .idea/
2 | .vscode/
3 | node_modules/
4 | build
5 | .npm/
6 | template/src/__tests__/__snapshots__/
7 |
8 | .DS_Store
9 | *.tgz
10 | my-app*
11 | lerna-debug.log
12 | npm-debug.log*
13 | yarn-debug.log*
14 | yarn-error.log*
15 | /.changelog
16 |
17 | # misc
18 | .env
19 | .env.binance
20 | .env.cosmos
21 | .env.kava
22 | .env.iris
23 | .DS_Store
24 | .env.local
25 | .env.development.local
26 | .env.test.local
27 | .env.production.local
28 | .firebaserc
29 | firebase.json
30 | functions/.eslintrc.json
31 | functions/.gitignore
32 | functions/index.js
33 | functions/package-lock.json
34 | functions/package.json
35 | src/firebase.js
36 | hosting*
37 |
--------------------------------------------------------------------------------
/src/assets/transactions/fail_ic.svg:
--------------------------------------------------------------------------------
1 |
8 |
--------------------------------------------------------------------------------
/src/assets/footer/email_btn.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/src/containers/BlockList/BlockList.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import cn from "classnames/bind";
3 | import styles from "./BlockList.scss";
4 | // components
5 | import TitleWrapper from "src/components/common/TitleWrapper";
6 | import PageTitle from "src/components/common/PageTitle";
7 | import Table from "src/components/BlockList/Table";
8 |
9 | const cx = cn.bind(styles);
10 |
11 | export default function(props) {
12 | return (
13 |
14 |
15 |
17 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/src/containers/TxList/TxList.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import cn from "classnames/bind";
3 | import styles from "./TxList.scss";
4 | // components
5 | import TitleWrapper from "src/components/common/TitleWrapper";
6 | import PageTitle from "src/components/common/PageTitle";
7 | import Table from "src/components/TxList/Table";
8 |
9 | const cx = cn.bind(styles);
10 |
11 | export default function(props) {
12 | return (
13 |
18 |
19 |
20 |
14 |
15 |
17 |
21 | );
22 | }
23 |
--------------------------------------------------------------------------------
/src/assets/transactions/symbol_arrow.svg:
--------------------------------------------------------------------------------
1 |
7 |
--------------------------------------------------------------------------------
/src/components/Tx/TxInfo/TxInfo.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .TxInfo-wrapper {
4 | @include card-wrapper(15px);
5 | padding-bottom: 0;
6 | margin-bottom: 0;
7 | @include media("
18 |
19 |
20 | window.scroll({top: 0, left: 0})}>
16 | 
17 |
18 | ),
19 | [atScroll]
20 | );
21 | }
22 |
--------------------------------------------------------------------------------
/src/hooks/useScroll.js:
--------------------------------------------------------------------------------
1 | import {useEffect, useState} from "react";
2 |
3 | export default function useScroll(targetY = 100) {
4 | const [after, setAfter] = useState(false);
5 | useEffect(() => {
6 | let callbackFunc;
7 | if (!after) {
8 | callbackFunc = e => {
9 | if (window.scrollY > targetY) setAfter(true);
10 | };
11 | window.addEventListener("scroll", callbackFunc);
12 | } else {
13 | callbackFunc = e => {
14 | if (window.scrollY <= targetY) setAfter(false);
15 | };
16 | window.addEventListener("scroll", callbackFunc);
17 | }
18 | return () => window.removeEventListener("scroll", callbackFunc);
19 | }, [after, targetY]);
20 | return after;
21 | }
22 |
--------------------------------------------------------------------------------
/src/styles/lib/mixins/_grid.scss:
--------------------------------------------------------------------------------
1 | @mixin gridLabel {
2 | height: 20px;
3 | text-transform: capitalize;
4 | font-family: "Open Sans", serif;
5 | font-size: 15px;
6 | font-weight: 600;
7 | font-stretch: normal;
8 | font-style: normal;
9 | letter-spacing: normal;
10 | text-align: left;
11 | color: #222222;
12 | }
13 |
14 | @mixin gridValue {
15 | min-width: 260px;
16 | height: fit-content;
17 | //text-transform: capitalize;
18 | font-family: "Open Sans", serif;
19 | font-size: 15px;
20 | font-weight: normal;
21 | font-stretch: normal;
22 | font-style: normal;
23 | letter-spacing: normal;
24 | text-align: left;
25 | color: #4b525d;
26 | overflow-wrap: break-word;
27 | }
28 |
--------------------------------------------------------------------------------
/src/assets/footer/wallet_btn.svg:
--------------------------------------------------------------------------------
1 |
13 |
--------------------------------------------------------------------------------
/src/components/common/DisplayLongString/DisplayLongString.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .DisplayLongString-wrapper {
4 | overflow-x: visible;
5 | @include media("<510px") {
6 | .front:after {
7 | content: "..."
8 | }
9 | .middle {
10 | display: none;
11 | }
12 | }
13 | }
14 |
15 | .DisplayExtraLongString-wrapper {
16 | overflow-x: visible;
17 | @include media("<650px") {
18 | .front:after {
19 | content: "..."
20 | }
21 | .middle {
22 | display: none;
23 | }
24 | }
25 | }
26 |
27 | .DisplayMedium-wrapper {
28 | overflow-x: visible;
29 | @include media("
14 | 
15 |
16 |
17 | ),
18 | [active, asc]
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/components/common/InfoRow/InfoRow.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .infoRow-grid {
4 | display: grid;
5 | grid-template-rows: 20px;
6 | grid-template-columns: 203px 1fr;
7 | margin-bottom: 10px;
8 | @include media("
12 | {formatNumber(split[0])}.
13 |
14 | {split[1]}
15 |
16 |
17 | );
18 | }
19 |
--------------------------------------------------------------------------------
/src/components/Ad/Carousel/Carousel.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | @mixin transform-childs($extraY) {
4 | @for $i from 1 through 6 {
5 | &:nth-child(#{$i}) {
6 | transform: translateY($extraY - ($i - 1) * 100%);
7 | }
8 | }
9 | }
10 |
11 | .container {
12 | overflow-y: hidden;
13 | height: 100%;
14 | }
15 |
16 | .sliderInner {
17 | display: inline-block;
18 | position: relative;
19 | }
20 |
21 | .next {
22 | @include transform-childs(100%);
23 | opacity: 0;
24 | }
25 |
26 | .wipeIn {
27 | @include transform-childs(0%);
28 | opacity: 1;
29 | transition: transform 2s, opacity 3s;
30 | }
31 |
32 | .wipeOut {
33 | @include transform-childs(-100%);
34 | opacity: 0;
35 | transition: transform 1700ms, opacity 2700ms;
36 | }
37 |
--------------------------------------------------------------------------------
/src/components/Asset/TxHolders/HoldersTable/HoldersTable.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 | .HoldersTable-wrapper {
3 | overflow-x: auto;
4 | overflow-y: hidden;
5 | min-width: 300px;
6 | .table {
7 | @include media("
14 |
19 | );
20 | }
21 |
--------------------------------------------------------------------------------
/src/constants/tooltips.js:
--------------------------------------------------------------------------------
1 | // rename the .json file to .js and keep in src folder
2 | export default Object.freeze({
3 | proposer: "Validator that proposed this block.",
4 | txs: "Number of transactions in this block.",
5 | asset_price: "Price(USD)",
6 | asset_cap: "Market Cap(USD",
7 | asset_supply: "Supply",
8 | asset_owner: "Owner of asset",
9 | tx_timeInforce_GTE: "Good Till Expire: Order persists until price is met",
10 | tx_timeInforce_IOC: "Immediate Or Cancel: Order is cancelled immediately if price is not met",
11 | acc_assets_TOTAL_BALANCE: "Total Balance",
12 | acc_assets_ESTIMATED_VALUE: "Estimated Value(USD)",
13 | acc_assets_AVAILABLE: "Available balance",
14 | acc_assets_FREEZE: "Frozen balance",
15 | acc_assets_LOCKED: "In order",
16 | });
17 |
--------------------------------------------------------------------------------
/src/containers/Header/Header.js:
--------------------------------------------------------------------------------
1 | import React, {useEffect, useState} from "react";
2 |
3 | import {AppBar} from "@material-ui/core";
4 |
5 | import SearchAppBar from "src/components/Header/SearchAppBar/SearchAppBar";
6 | import SubHeader from "src/components/Header/SubHeader/SubHeader";
7 |
8 | export default function(props) {
9 | const [navBarOpen, setNavBarOpen] = useState(false);
10 |
11 | const hamburgerClick = () => setNavBarOpen(v => !v);
12 |
13 | useEffect(() => {
14 | if (navBarOpen) console.log("open nav bar");
15 | }, [navBarOpen]);
16 |
17 | return (
18 |
15 |
17 |
18 |
14 |
24 | );
25 | }
26 |
--------------------------------------------------------------------------------
/src/components/common/DisplayIcon/DisplayIcon.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import cn from "classnames/bind";
3 | import styles from "./DisplayIcon.scss";
4 |
5 | import Img from "src/components/common/Img";
6 |
7 | const cx = cn.bind(styles);
8 | export default function DisplayIcon({size = 26, image = "", children}) {
9 | return React.useMemo(
10 | () => (
11 |
15 |
23 |
16 |
18 | Show More
19 |
20 |
21 | {props.children}
22 | {props.title}
17 |
12 |
23 | ),
24 | [image, children, size]
25 | );
26 | }
27 |
--------------------------------------------------------------------------------
/src/assets/assets/email_btn.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/components/Header/SubHeader/SubHeaderAssets.js:
--------------------------------------------------------------------------------
1 | import dashboard from "src/assets/header/dashboard_ic_none.svg";
2 | import dashboardOn from "src/assets/header/dashboard_ic.svg";
3 | import blocks from "src/assets/header/blocks_ic_none.svg";
4 | import blocksOn from "src/assets/header/blocks_ic.svg";
5 | import txs from "src/assets/header/transations_ic_none.svg";
6 | import txsOn from "src/assets/header/transations_ic.svg";
7 | import assets from "src/assets/header/assets_ic_none.svg";
8 | import assetsOn from "src/assets/header/assets_ic.svg";
9 | import dex from "src/assets/header/dex_ic_none.svg";
10 | import dexOn from "src/assets/header/dex_ic.svg";
11 |
12 | export default {
13 | on: [dashboardOn, blocksOn, txsOn, assetsOn, dexOn],
14 | off: [dashboard, blocks, txs, assets, dex],
15 | };
16 |
--------------------------------------------------------------------------------
/src/assets/assets/email_btn_hover.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/hooks/useWindowSize.js:
--------------------------------------------------------------------------------
1 | import {useEffect, useState} from "react";
2 |
3 | export default function() {
4 | const [windowSize, setWindowSize] = useState(getSize);
5 |
6 | useEffect(() => {
7 | if (!isClient) {
8 | return false;
9 | }
10 |
11 | function handleResize() {
12 | setWindowSize(getSize());
13 | }
14 |
15 | window.addEventListener("resize", handleResize);
16 | return () => window.removeEventListener("resize", handleResize);
17 | }, []); // Empty array ensures that effect is only run on mount and unmount
18 |
19 | return windowSize;
20 | }
21 |
22 | const isClient = typeof window === "object";
23 |
24 | const getSize = () => {
25 | return {
26 | width: isClient ? window.innerWidth : undefined,
27 | height: isClient ? window.innerHeight : undefined,
28 | };
29 | };
30 |
--------------------------------------------------------------------------------
/src/assets/dashboard/blocktime_ic.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/components/Dashboard/DashboardContent/TxDisplay/TxDisplay.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | $customPadding: 11.5px 15px 11.5px 10px;
4 | .TxDisplay-table {
5 | overflow-x: auto;
6 | overflow-y: hidden;
7 | min-width: 300px;
8 |
9 | .tableHeaderCell {
10 | @include tableHeaderCellWidth300;
11 | @include tableHeaderPadding;
12 | padding: $customPadding;
13 | color: var(--colorMainText);
14 | }
15 |
16 | .txHashWidth {
17 | overflow-x: visible;
18 | min-width: 90px;
19 | padding: 11.5px 5px 11.5px 10px;
20 | }
21 | .height {
22 | @include media("
19 | 
20 |
21 | {children}
22 |
16 |
28 | );
29 | };
30 |
31 | export default BlockTitle;
32 |
--------------------------------------------------------------------------------
/src/assets/assets/youtube_btn.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/src/components/Account/AssetTxs/TxTable/TxTable.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .TxTable-wrapper {
4 | overflow-x: auto;
5 | overflow-y: hidden;
6 | .table {
7 | @include media("17 | Details for Block #{height} 18 |
19 |-
20 |
-
21 |
22 |
23 | -
24 |
26 |
window.open(`${baseUrl}${addr}`, "__blank")}>
21 |
23 | ) : (
24 |
25 | Transactions
18 | {empty(txData) ? (
19 |
31 | {_.map(txData, (v, i) => (
32 |
35 |
36 | )}
37 |
38 | );
39 | }
40 |
--------------------------------------------------------------------------------
/src/assets/transactions/transferArrow.svg:
--------------------------------------------------------------------------------
1 |
10 |
--------------------------------------------------------------------------------
/src/components/Account/QrModal/QrModal.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .QrModal-wrapper {
4 | position: absolute;
5 | z-index: 99;
6 | background-color: white;
7 | top: calc(100% + 10px);
8 | left: 0;
9 | padding: 10px;
10 | border-radius: 5px;
11 | box-shadow: 0 0.125rem 1.25rem 0 rgba(0, 0, 0, 0.2);
12 |
13 | .arrow {
14 | position: absolute;
15 | top: -6px;
16 | left: 10%;
17 | width: 0;
18 | height: 0;
19 | border-left: 7px solid transparent;
20 | border-right: 7px solid transparent;
21 | border-bottom: 7px solid white;
22 | }
23 |
24 | .QrModal-inner {
25 | z-index: 100;
26 | position: relative;
27 | padding: 10px;
28 | border: 2px rgb(132, 142, 156) solid;
29 | > canvas {
30 | margin-top: 4px;
31 | z-index: 101;
32 | position: relative;
33 | }
34 | &:before {
35 | @include absolute-middle;
36 | z-index: 99;
37 | content: "";
38 | width: calc(101% + 4px);
39 | height: calc(90% + 4px);
40 | background-color: #ffffff;
41 | }
42 | &:after {
43 | @include absolute-middle;
44 | z-index: 99;
45 | content: "";
46 | width: calc(90% + 4px);
47 | height: calc(101% + 4px);
48 | background-color: #ffffff;
49 | }
50 | }
51 | }
52 |
53 | .invisible {
54 | display: none;
55 | }
--------------------------------------------------------------------------------
/src/assets/transactions/msgsic_7.svg:
--------------------------------------------------------------------------------
1 |
12 |
--------------------------------------------------------------------------------
/docs/CONTRIBUTING.md:
--------------------------------------------------------------------------------
1 |
2 | # Contributing
3 |
4 | We would love your help and feedback to make Mintscan for Binance DEX better!
5 |
6 | If you'd like to contribute, please [open an issue][open-issue]
7 | describing your proposal — discussing changes to the explorer ahead of time effectively aids the PR review process.
8 |
9 | In your issue / PR / or any form of contribution, please remember to treat your fellow contributors with
10 | respect.
11 |
12 | # Pull Requests
13 |
14 | Please follow these instructions when submitting a pull request (PR):
15 | [The basics](https://help.github.com/en/github/collaborating-with-issues-and-pull-requests/creating-a-pull-request-from-a-fork)
16 | * Format your code with [prettier](https://github.com/prettier/prettier) (`yarn prettier`).
17 | * Write your commit messages in the present tense. Your commit message should describe what the commit, when applied, does to the code, not what you did to the code.
18 | * Apply necessary comments adhering to [Airbnb guidelines](https://github.com/airbnb/javascript#comments) as a guideline(in a rational sense, not a necessity)
19 | * If we request further changes push them to your branch. The PR will be updated automatically.
20 | * Once the pull request is approved and merged you can pull the changes from upstream to your local repo and delete
21 | your extra branch(es).
--------------------------------------------------------------------------------
/src/components/Dashboard/DashboardContent/BlocksDisplay/TableRow/TableRow.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | $customPadding: 8px 20px 7px 10px;
4 | .BlocksDisplay-tableRow {
5 | @include tableRow;
6 | font-family: "Open Sans", serif;
7 | font-weight: normal;
8 | font-stretch: normal;
9 | font-style: normal;
10 | line-height: 3.85;
11 | letter-spacing: normal;
12 | text-align: left;
13 | color: #4b525d;
14 | height: 51px;
15 |
16 | .tablePointerCell {
17 | @include tablePointerCell;
18 | padding: $customPadding;
19 | }
20 |
21 | .tablePointerMiniCell {
22 | @include tablePointerCellWidth140;
23 | padding: $customPadding;
24 | }
25 |
26 | .tableCell {
27 | @include tableCellWidth300;
28 | padding: $customPadding;
29 | }
30 |
31 | .time {
32 | line-height: 1.38;
33 | color: #4b525d;
34 | }
35 |
36 | .proposer {
37 | @include media("
43 |
44 | {adArray.map((ad, idx) => (
45 |
48 |
49 | )}
50 |
51 | );
52 | }
53 |
--------------------------------------------------------------------------------
/src/components/BlockList/TableRow/TableRow.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .BlockList-tableRow {
4 | @include tableRow;
5 |
6 | .tablePointerCell {
7 | @include tablePointerCell;
8 | @include tableElemPadding;
9 | }
10 |
11 | .tablePointerMiniCell {
12 | @include tablePointerCellWidth140;
13 | @include tableElemPadding;
14 | }
15 |
16 | .tableCell {
17 | @include tableCellWidth300;
18 | @include tableElemPadding;
19 | }
20 | .parentHashWidth {
21 | min-width: 200px;
22 | }
23 | }
24 |
25 | .text {
26 | font-family: "Open Sans", serif;
27 | font-size: 13px;
28 | font-weight: normal;
29 | font-stretch: normal;
30 | font-style: normal;
31 | line-height: 1.15;
32 | letter-spacing: normal;
33 | color: #4b525d;
34 |
35 | .decimal {
36 | font-size: 11px;
37 | }
38 |
39 | .BNB {
40 | font-size: 13px;
41 | color: #f0b90b;
42 | }
43 | }
44 |
45 | .BlockList-thinTableRow {
46 | .row {
47 | width: 100%;
48 | height: fit-content;
49 | @include Flex_LeftRight;
50 |
51 | font-family: "Open Sans", serif;
52 | font-size: 13px;
53 | font-weight: normal;
54 | font-stretch: normal;
55 | font-style: normal;
56 | line-height: 1.38;
57 | letter-spacing: normal;
58 | text-align: left;
59 | color: #222222;
60 | padding: 5.5px 0;
61 | }
62 |
63 | padding: 4px 15px;
64 | }
65 | .blueColor {
66 | color: #4472de;
67 | }
68 |
--------------------------------------------------------------------------------
/src/components/Dashboard/TableWrapper/TableWrapper.scss:
--------------------------------------------------------------------------------
1 | /* your css code */
2 | @import "src/styles/utils";
3 |
4 | .table-content-wrapper {
5 | flex: 1;
6 | width: 100%;
7 | height: 100%;
8 |
9 | @include media(">medium") {
10 | &:first-child {
11 | margin-right: 10px;
12 | }
13 | }
14 |
15 | @include media("
18 |
37 | ),
38 | []
39 | );
40 | }
41 |
--------------------------------------------------------------------------------
/src/Root.js:
--------------------------------------------------------------------------------
1 | import React from "react";
2 | import {BrowserRouter} from "react-router-dom";
3 | import {RestfulProvider} from "restful-react"; // Thank you Tejas - I'm not gonna lie, swr looks more juicy these days
4 | import consts from "src/constants/consts";
5 | import App from "./App";
6 | // comment this out if you do not plan on using firebase
7 | // import "./firebase";
8 | // redux
9 | import {Provider} from "react-redux";
10 | import configure from "./store/configure";
11 | // Mui
12 | import {createMuiTheme, MuiThemeProvider} from "@material-ui/core/styles";
13 |
14 | const store = configure();
15 | const theme = createMuiTheme({
16 | palette: {
17 | primary: {
18 | main: "#f0b90b",
19 | },
20 | secondary: {
21 | main: "#f5f5f5",
22 | },
23 | },
24 | typography: {
25 | useNextVariants: true,
26 | },
27 | overrides: {
28 | MuiTooltip: {
29 | tooltip: {
30 | fontSize: "0.8em",
31 | },
32 | },
33 | },
34 | // xs, extra-small: 0px or larger
35 | // sm, small: 600px or larger
36 | // md, medium: 960px or larger
37 | // lg, large: 1280px or larger
38 | // xl, extra-large: 1920px or larger
39 | });
40 |
41 | export default function(props) {
42 | return (
43 |
19 |
36 |
20 |
25 | 21 | BINANCE CHAIN EXPLORER 22 |
23 |By Cosmostation
24 |
26 |
28 |
29 | {/* google, appstore, web wallet */}
30 |
35 |
31 |
34 |
12 |
42 |
13 |
41 |
14 | 
15 |
19 |
40 | 16 | Mintscan {chain} Explorer is Temporarily Down for Maintenance. 17 |
18 |19 |
20 | We are performing scheduled maintenance for upgrades. Mintscan Explorer should be back online shortly.
21 |
22 | Sorry for the inconvenience.
23 | For any inquiries, please contact through our channels below.
24 |
25 | Telegram:{" "}
26 |
27 | https://t.me/cosmostation
28 | {" "}
29 |
30 | KaKao:{" "}
31 |
32 | https://open.kakao.com/o/g6KKSe5
33 |
34 |
35 |
36 | We thank you for your patience!
37 |
38 |
19 |
42 | );
43 | }
44 |
--------------------------------------------------------------------------------
/src/assets/assets/research_btn.svg:
--------------------------------------------------------------------------------
1 |
18 |
--------------------------------------------------------------------------------
/src/lib/Big.js:
--------------------------------------------------------------------------------
1 | import _ from "lodash";
2 | import B from "big.js";
3 | import consts from "src/constants/consts";
4 |
5 | B.NE = -10;
6 | B.PE = 100;
7 |
8 | // necessary for decimal precision due to javascript being javascript.
9 | // ofc.
10 |
11 | export const big = input => {
12 | const ret = new B(input);
13 | return ret ? ret : new B("0");
14 | };
15 |
16 | export const fixed = (input = "0", places = consts.NUM.DEFAULT_DECIMALS) => {
17 | return new B(input).toFixed(places);
18 | };
19 |
20 | export const add = (input1 = "0", input2 = "0", places = consts.NUM.DEFAULT_DECIMALS) => {
21 | return new B(input1).plus(input2).toFixed(places);
22 | };
23 |
24 | export const sumArray = (inputArray = [], places = consts.NUM.DEFAULT_DECIMALS) => {
25 | let sum = 0;
26 | _.each(inputArray, v => {
27 | sum = add(sum, v);
28 | });
29 | return sum;
30 | };
31 |
32 | export const minus = (input1 = "0", input2 = "0", places = consts.NUM.DEFAULT_DECIMALS) => {
33 | return new B(input1).minus(input2).toFixed(places);
34 | };
35 |
36 | export const multiply = (input1 = "0", input2 = "0", places = consts.NUM.DEFAULT_DECIMALS) => {
37 | return new B(input1).times(input2).toFixed(places);
38 | };
39 |
40 | export const divide = (input1 = "0", input2 = "0.1", places = consts.NUM.DEFAULT_DECIMALS) => {
41 | if (isZero(input2)) return "NaN";
42 | else if (!_.isFinite(Number(input2)) || !_.isFinite(Number(input1))) return "NaN";
43 | return new B(input1).div(input2).toFixed(places);
44 | };
45 |
46 | const isZero = v => Number(v) === 0;
47 |
--------------------------------------------------------------------------------
/src/assets/assets/research_btn_hover.svg:
--------------------------------------------------------------------------------
1 |
18 |
--------------------------------------------------------------------------------
/src/assets/assets/discord_btn.svg:
--------------------------------------------------------------------------------
1 |
14 |
--------------------------------------------------------------------------------
/src/assets/header/dashboard_ic_none.svg:
--------------------------------------------------------------------------------
1 |
24 |
--------------------------------------------------------------------------------
/src/assets/assets/discord_btn_hover.svg:
--------------------------------------------------------------------------------
1 |
14 |
--------------------------------------------------------------------------------
/src/assets/dashboard/jex_ic.svg:
--------------------------------------------------------------------------------
1 |
15 |
--------------------------------------------------------------------------------
/src/assets/header/token_crypto_org.svg:
--------------------------------------------------------------------------------
1 |
9 |
--------------------------------------------------------------------------------
/src/hooks/useSearch.js:
--------------------------------------------------------------------------------
1 | import {useEffect, useState} from "react";
2 | import {useHistory} from "src/hooks";
3 | import {useSelector} from "react-redux";
4 |
5 | import {_, searchProperties, stringNumCheck} from "src/lib/scripts";
6 | import consts from "src/constants/consts";
7 |
8 | export default function useSearch() {
9 | const history = useHistory();
10 | const assets = useSelector(state => state.assets.assets);
11 | const [search, setSearch] = useState("");
12 |
13 | useEffect(() => {
14 | if (search === "") return;
15 | const type = checkType(search);
16 | const trimmedSearch = _.trim(search);
17 | if (type === "address") history.push(`/account/${trimmedSearch}`);
18 | else if (type === "block") history.push(`/blocks/${trimmedSearch}`);
19 | else if (type === "asset") {
20 | const find = _.find(assets, v => {
21 | return searchProperties(v, consts.ASSET.NAME_SEARCH_PROPERTY, trimmedSearch.toUpperCase());
22 | });
23 | history.push(`/assets/${find?.asset ? find.asset : "notFound"}`);
24 | } else if (type === "orderId") {
25 | history.push(`/txs/${trimmedSearch}`);
26 | } else history.push(`/txs/${trimmedSearch}`);
27 | setSearch("");
28 | }, [search, history, assets]);
29 |
30 | return setSearch;
31 | }
32 |
33 | const checkType = input => {
34 | if (!_.isString(input)) return null;
35 | if (input.substring(0, 3).toLowerCase() === "bnb" && input.length >= 16) return "address";
36 | else if (stringNumCheck(input)) return "block";
37 | else if (input.length < 20) return "asset";
38 | else if (stringNumCheck(input.split("-")[1])) return "orderId";
39 | else return "tx";
40 | };
41 |
--------------------------------------------------------------------------------
/src/hooks/useGetPrices.js:
--------------------------------------------------------------------------------
1 | import {useEffect, useMemo, useState} from "react";
2 | import {_, empty} from "src/lib/scripts";
3 | // redux
4 | import {useDispatch, useSelector} from "react-redux";
5 | import {getCryptoAssetPrices} from "src/store/modules/assets";
6 | // hooks
7 | import {useTimer} from "src/hooks";
8 |
9 | export default function useGetPrices(interval = 3000) {
10 | const [ticker, setWatch] = useTimer(false, interval);
11 | const dispatch = useDispatch();
12 | const assets = useSelector(state => state.assets.assets);
13 |
14 | const [targetAssets, setTargetAssets] = useState([]);
15 | const [prices, setPrices] = useState([]);
16 |
17 | useEffect(() => {
18 | if (empty(assets) || empty(targetAssets)) return;
19 | setWatch(true);
20 | }, [assets, setWatch, targetAssets]);
21 |
22 | // refetch data to redux on every tick
23 | useEffect(() => {
24 | if (ticker < 1) return;
25 | dispatch(getCryptoAssetPrices());
26 | }, [ticker, dispatch]);
27 |
28 | // when assets update
29 | useEffect(() => {
30 | if (empty(targetAssets) || empty(assets)) return;
31 | const filtered = _.map(targetAssets, assetName => _.find(assets, asset => asset.asset === assetName));
32 | const newPrices = _.map(filtered, v => v?.price);
33 |
34 | // value by value comparison
35 | if (_.isEqual(prices, newPrices)) return;
36 | console.log("newPrices>>");
37 | setPrices(newPrices);
38 | // eslint-disable-next-line
39 | }, [assets, targetAssets]);
40 |
41 | const returnPrices = useMemo(() => {
42 | if (empty(prices)) return null;
43 | return prices;
44 | }, [prices]);
45 |
46 | return [returnPrices, setTargetAssets];
47 | }
48 |
--------------------------------------------------------------------------------
/src/hooks/useFetch/useFetch.js:
--------------------------------------------------------------------------------
1 | import {useCallback, useEffect, useReducer, useState} from "react";
2 | import axios from "axios";
3 | import {_, empty} from "src/lib/scripts";
4 |
5 | import reducer, {ERROR, FETCHING, initialState, SUCCESS} from "./reducer";
6 |
7 | export default function useFetch(inputUrl, method = "get", refineFunction = res => res.data) {
8 | const [url, setUrl] = useState(inputUrl);
9 | const [state, dispatch] = useReducer(reducer, initialState, () => initialState);
10 | const [fetch, setFetch] = useState(0);
11 |
12 | useEffect(() => {
13 | // url is not yet set, do nothing
14 | if (empty(url)) return;
15 | console.log("fetchUrl>>>>", url);
16 | let unmounted = false;
17 | let source = axios.CancelToken.source();
18 | dispatch({type: FETCHING});
19 | axios[method](url, {
20 | cancelToken: source.token,
21 | })
22 | .then(res => {
23 | if (!unmounted) {
24 | const data = _.omitBy(refineFunction(res), _.isNil);
25 | const keys = _.keys(data);
26 | if (!empty(state.data) && _.isEqual(data[keys[0]], state.data[keys[0]])) return;
27 | dispatch({type: SUCCESS, payload: {data}});
28 | }
29 | })
30 | .catch(ex => {
31 | if (!unmounted) {
32 | console.warn("error during fetch", ex);
33 | dispatch({type: ERROR, payload: {errorMessage: ex.message}});
34 | }
35 | });
36 | return () => {
37 | unmounted = true;
38 | source.cancel("Cancel cleanup");
39 | };
40 | // eslint-disable-next-line
41 | }, [fetch, url, method]);
42 |
43 | const requestRefetch = useCallback(() => {
44 | setFetch(v => v + 1);
45 | }, [setFetch]);
46 | return [{...state}, requestRefetch, setUrl];
47 | }
48 |
--------------------------------------------------------------------------------
/src/styles/lib/mixins/_table.scss:
--------------------------------------------------------------------------------
1 | @mixin tableRow {
2 | &:nth-of-type(odd) {
3 | background-color: var(--colorTableBg);
4 | }
5 | }
6 |
7 | @mixin tableElemPadding {
8 | padding: 16px 20px 17px 19px;
9 | }
10 |
11 | @mixin tableHeaderPadding {
12 | padding: 11.5px 20px 11.5px 10px;
13 | }
14 |
15 | @mixin tablePointerCell {
16 | cursor: pointer;
17 | color: var(--colorLink);
18 | font-size: 13px;
19 | max-width: 300px;
20 | overflow: hidden;
21 | text-overflow: ellipsis;
22 | white-space: nowrap;
23 |
24 | @include media("Information
20 |
21 |
22 |
24 |
25 |
26 | 
27 | {txData?.result ? "Success" : "fail"}
28 |
29 |
30 |
31 |
32 | {txData.height}
33 |
34 |
35 |
36 |
37 | {setAgoTime(txData.timestamp)} ( {getTotalTime(txData.timestamp)} )
38 |
39 |
40 |
41 |
46 |
54 | );
55 | }
56 |
--------------------------------------------------------------------------------
/src/components/Dashboard/DashboardContent/GraphDisplay/GraphDisplay.scss:
--------------------------------------------------------------------------------
1 | @import "src/styles/utils";
2 |
3 | .GraphDisplay {
4 | padding: 16px 30px 30px 0;
5 | width: 100%;
6 | display: flex;
7 | flex-flow: column;
8 | justify-content: center;
9 | align-items: flex-start;
10 | height: 288px;
11 |
12 | @include media("
47 | {children.map((el, idx) => (
48 |
53 |
49 | {el}
50 |
51 | ))}
52 |
38 |
39 |
41 |
44 | );
45 | }
46 |
--------------------------------------------------------------------------------
/src/assets/misc/noitem_ic.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/src/assets/header/kava_token.svg:
--------------------------------------------------------------------------------
1 |
14 |
--------------------------------------------------------------------------------
/src/hooks/useMultiFetch/reducer.js:
--------------------------------------------------------------------------------
1 | import {_} from "src/lib/scripts";
2 |
3 | export const initialState = {
4 | data: [],
5 | error: false,
6 | loading: [], // array of bools specifying whether that url is fetching or not
7 | finished: true,
8 | errorMessage: "",
9 | };
10 |
11 | export const INIT = "INIT";
12 | export const FETCHING_ALL = "FETCHING_ALL";
13 | export const FETCHING_SELECTIVE = "FETCHING_SELECTIVE";
14 | export const SUCCESS = "SUCCESS";
15 | export const FINISHED = "FINISHED";
16 | export const ERROR = "ERROR";
17 |
18 | export default function(state, action) {
19 | switch (action.type) {
20 | case INIT: {
21 | return {...initialState};
22 | }
23 | // turn all urls to fetching state
24 | case FETCHING_ALL: {
25 | return {...state, finished: false, loading: Array.from({length: state.loading.length}, () => true)};
26 | }
27 | // turn selected urls to fetching state
28 | case FETCHING_SELECTIVE: {
29 | const {idxList} = action.payload;
30 | const newFetching = _.map(state.loading, (v, idx) => (_.includes(idxList, idx) ? true : v));
31 | console.log("newFetching>>>>", newFetching);
32 | return {...state, loading: newFetching, finished: false};
33 | }
34 | // singular success
35 | case SUCCESS: {
36 | const {data, idx} = action.payload;
37 | if (state.finished) console.warn(`Logical error, success returned when fetching is finished[id:${idx}] - payload:`, action.payload);
38 | const newData = [...state.data];
39 | newData[idx] = data;
40 |
41 | const newFetching = [...state.loading];
42 | newFetching[idx] = false;
43 |
44 | return {...state, data: newData, loading: newFetching};
45 | }
46 | // when all promises have finished(finally)
47 | case FINISHED: {
48 | return {...state, finished: true};
49 | }
50 | case ERROR: {
51 | return {...state, loading: false, error: true, data: null, errorMessage: action.payload.errorMessage};
52 | }
53 | default:
54 | return state;
55 | }
56 | }
57 |
--------------------------------------------------------------------------------
/src/constants/getTxType.js:
--------------------------------------------------------------------------------
1 | import txTypes from "src/constants/txTypes";
2 |
3 | const {COSMOS, DEX, TOKENS, MISC} = txTypes;
4 |
5 | export default function(txType) {
6 | switch (txType) {
7 | case DEX.ORDER_NEW:
8 | case "NEW_ORDER":
9 | return "Place Order";
10 |
11 | case "CANCEL_ORDER":
12 | case DEX.ORDER_CANCEL:
13 | return "Cancel Order";
14 |
15 | case "TRANSFER":
16 | case COSMOS.SEND:
17 | return "Transfer";
18 |
19 | case "LIST_TOKEN":
20 | case DEX.LIST:
21 | return "Listing";
22 | case "FREEZE_TOKEN":
23 | case TOKENS.FREEZE:
24 | return "Freeze";
25 |
26 | case "UN_FREEZE_TOKEN":
27 | case TOKENS.UNFREEZE:
28 | return "Unfreeze";
29 |
30 | case "TIME_LOCK":
31 | case TOKENS.TIME_LOCK:
32 | return "Time Lock";
33 |
34 | case "TIME_UNLOCK":
35 | case TOKENS.TIME_UNLOCK:
36 | return "Time Unlock";
37 | case TOKENS.TIME_RELOCK:
38 | return "Time Relock";
39 |
40 | case "ISSUE_TOKEN":
41 | case TOKENS.ISSUE:
42 | return "Issue Asset";
43 |
44 | case "BURN_TOKEN":
45 | case TOKENS.BURN:
46 | return "Burn";
47 |
48 | case TOKENS.MINT:
49 | return "Mint";
50 | case TOKENS.HTLT:
51 | return "Create Swap";
52 | case TOKENS.HTLT_CLAIM:
53 | return "Claim Swap";
54 | case TOKENS.HTLT_DEPOSIT:
55 | return "Deposit Swap";
56 | case TOKENS.HTLT_REFUND:
57 | return "Refund Swap";
58 |
59 | case COSMOS.DEPOSIT:
60 | return "Deposit";
61 | case "PROPOSAL":
62 | case COSMOS.PROPOSAL_SUBMIT:
63 | return "Proposal Submit";
64 | case COSMOS.VALIDATOR_PROPOSAL:
65 | return "Validator Proposal";
66 | case "VOTE":
67 | case COSMOS.VOTE:
68 | return "Vote";
69 | case COSMOS.VALIDATOR_CREATE:
70 | return "Validator Create";
71 | case COSMOS.VALIDATOR_REMOVE:
72 | return "Validator Remove";
73 |
74 | case MISC.ACCOUNTFLAG_SET:
75 | return "Set Account Flag";
76 | case MISC.ORACLE_CLAIM:
77 | return "Oracle Claim";
78 | default:
79 | return txType;
80 | }
81 | }
82 |
--------------------------------------------------------------------------------
/src/assets/header/token_akash.svg:
--------------------------------------------------------------------------------
1 |
20 |
--------------------------------------------------------------------------------
/src/assets/header/transations_ic_none.svg:
--------------------------------------------------------------------------------
1 |
15 |
--------------------------------------------------------------------------------
/src/assets/header/token_emoney.svg:
--------------------------------------------------------------------------------
1 |
14 |
--------------------------------------------------------------------------------