Giant Squid Viewer

A React component for viewing Giant Squid data.

Installation

npm install @myestery/giant-squid-viewer

Usage

import React from 'react';
import "@myestery/giant-squid-viewer/styles/index.css";
import { Viewer } from '@myestery/giant-squid-viewer';
const coins = ['polkadot']

const App = () => {
  return (
    <Viewer coins={coins} pollInterval={1000} />
  );
};

Props

| Prop | Type | Description | | --- | --- | --- | | coins | array | array of coins to display | | pollInterval | integer | Frequency of update in milliseconds |

Coins

Valid coins are:

["polkadot","kusama","moonbeam","moonriver","acala","karura","statemine","statemint","astar","shiden","shibuya","bifrost","khala","phala","calamari","gm","subsocial","efinity","rococo","interlay","hydraDX"]

as seen in https://docs.subsquid.io/giant-squid-api/statuses/

Leave an empty array to see all coins.

Styles

The viewer uses tailwindcss for styling. You will need to import the styles as shown in the description above

Development

npm install
npm start

Live Preview

https://giant-squid-status.netlify.app/

License

MIT The Giant Squid Viewer is licensed under the MIT license. See the LICENSE file for more details.