Blokchain Analytic Dashboard

App is available here:

https://blockchain-ethereum-dashboard-dev.scalac.io/

Available Scripts

In the project directory, you can run:

yarn start

Runs the app in the development mode.
Open http://localhost:3000 to view it in the browser.

The page will reload if you make edits.
You will also see any lint errors in the console.

yarn test

Launches the test runner in the interactive watch mode.

yarn build

Builds the app for production to the build folder.

E2E Testing

In the project folder e2e, you can run:

yarn open

Opens the Cypress Test Runner in interactive mode.

yarn test

Runs Cypress tests to completion. By default will run all tests headlessly in the Electron browser.

yarn update

Update packages to the latest version.

yarn run lint

Run eslint.

Usage of common components

Loader

Can be used as full page loader or scaled to the element. Loader has default styles but feel free to use 'loaderClass' or/and 'loaderContainerClass' or/and 'size' to modify them. props:

{
  isLoading: boolean;
  fullPage?: boolean;
  loaderClass?: string;
  loaderContainerClass?: string;
  loaderSize?: number | string;
  }

e.g.

<Loader 
    isLoading={transactionsIsFetching} 
    fullPage={false} 
    loaderSize={30}
    loaderClass={loader}
    />

In case of scaled Loader - parent should have set 'position: relative' in styles.

Notification

It's general mechanism. Notification can have three types: error, info or success E.g. to add new error notification: add proper action type to the switch:

/src/store/reducers/notifications.ts

Infos and successes haven't been implemented yet.