- }, {
- label: 'Size',
- value: {this.state.block.blocksize} bytes
- }];
-
- return items;
- }
-}
diff --git a/src/blocks/TransactionList.js b/src/blocks/TransactionList.js
deleted file mode 100644
index 09e0ac5..0000000
--- a/src/blocks/TransactionList.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import {typeToTitle} from '../shared/TransactionDefinitions';
-import {createListItem} from './TransactionListItem';
-
-export default class TransactionList extends React.Component {
- static propTypes = {
- type: PropTypes.number.isRequired,
- header: PropTypes.shape({
- id: PropTypes.string,
- subjects: PropTypes.string,
- amount: PropTypes.string,
- price: PropTypes.string
- }),
- transactions: PropTypes.arrayOf(PropTypes.object)
- };
-
- state = {
- collapsed: false
- };
-
- handleClick = () => {
- const collapsed = !this.state.collapsed;
- this.setState({collapsed});
- };
-
- render() {
- const actionTitle = this.state.collapsed ? 'Show list' : 'Hide list';
- let tableClass = 'table-sm-transform';
- if (this.state.collapsed) {
- tableClass += ' table-hide';
- }
-
- return (
-
-
- {typeToTitle(this.props.type)}
- — Type {this.props.type}
- {actionTitle}
-
-
-
-
- | {this.props.header.id} |
- {this.props.header.subjects} |
- {this.props.header.amount} |
- {this.props.header.price} |
-
-
-
- {this.props.transactions.map(item => {
- return createListItem(item);
- })}
-
-
-
- );
- }
-}
diff --git a/src/blocks/TransactionListItem.js b/src/blocks/TransactionListItem.js
deleted file mode 100644
index 1874241..0000000
--- a/src/blocks/TransactionListItem.js
+++ /dev/null
@@ -1,368 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import DateTime from '../shared/DateTime';
-import EndpointRef from '../shared/EndpointRef';
-import CurrencyRef from '../shared/CurrencyRef';
-import TransactionRef from '../shared/TransactionRef';
-import TransactionArrow from '../shared/TransactionArrow';
-import Currency from '../shared/Currency';
-
-export const createListItem = (transaction) => {
- switch (transaction.type) {
- case 2:
- case 4:
- return ;
-
- case 3:
- case 5:
- return ;
-
- case 6:
- return ;
-
- case 7:
- return ;
-
- case 8:
- return ;
-
- case 9:
- return ;
-
- case 10:
- return ;
-
- case 11:
- return ;
-
- case 12:
- return ;
-
- case 13:
- return ;
-
- case 14:
- return ;
-
- default:
- return null;
- }
-};
-
-class Line extends React.PureComponent {
- static propTypes = {
- wrap: PropTypes.bool,
- bold: PropTypes.bool
- };
-
- static defaultProps = {
- wrap: true,
- bold: false
- };
-
- render() {
- let className = 'line';
- if (!this.props.wrap)
- className += ' no-wrap';
- if (this.props.bold)
- className += ' bold';
-
- return {this.props.children}
- }
-}
-
-class IdAndTimestamp extends React.PureComponent {
- static propTypes = {
- id: PropTypes.string.isRequired,
- timestamp: PropTypes.instanceOf(DateTime).isRequired
- };
-
- render() {
- return (
-
-
-
- |
- );
- }
-}
-
-class Subjects extends React.PureComponent {
- static propTypes = {
- type: PropTypes.number.isRequired,
- sender: PropTypes.string.isRequired,
- recipient: PropTypes.string
- };
-
- render() {
- return (
-
-
-
-
- {this.props.recipient && }
-
- |
- );
- }
-}
-
-class AmountAndFee extends React.PureComponent {
- static propTypes = {
- amount: PropTypes.object,
- fee: PropTypes.object
- };
-
- render() {
- return (
-
- {this.props.amount.toString()}
-
- |
- );
- }
-}
-
-class JustFee extends React.PureComponent {
- static propTypes = {
- fee: PropTypes.object
- };
-
- render() {
- return (
-
- {this.props.fee.toString()}
-
- |
- );
- }
-}
-
-class TransferTransactionListItem extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- const rowClassName = tx.isSpam ? 'spam' : '';
-
- return (
-
-
-
-
- |
-
- |
-
- );
- }
-}
-
-class ExchangeTransactionListItem extends React.PureComponent {
- render() {
- const {tx} = this.props;
- return (
-
-
- |
-
-
-
- |
-
- {tx.amount.toString()}
- {tx.total.toString()}
- |
-
-
- /
-
- {tx.price.toString()}
- |
-
- );
- }
-}
-
-class LeasingTransactionListItem extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- return (
-
-
-
-
-
- );
- }
-}
-
-class CancelLeasingTransactionListItem extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- return (
-
-
-
-
-
- );
- }
-}
-
-class IssueTransactionListItem extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- return (
-
-
- |
-
-
-
-
-
- |
-
-
- {tx.name}
- |
-
- );
- }
-}
-
-class BurnTransactionListItem extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- return (
-
-
-
-
- |
-
- |
-
- );
- }
-}
-
-class AliasTransactionListItem extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- return (
-
-
-
-
- |
- {tx.alias}
- |
-
- );
- }
-}
-
-class MassPaymentTransactionListItem extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- const rowClassName = tx.isSpam ? 'spam' : '';
-
- return (
-
-
- |
-
-
- {tx.transferCount}
- |
-
-
-
- |
-
- );
- }
-}
-
-class DataTransactionListItem extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- return (
-
-
-
-
-
- );
- }
-}
-
-class ScriptTransactionListItem extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- return (
-
-
-
-
-
- );
- }
-}
-
-class SponsorshipTransactionListItem extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- return (
-
-
-
-
- |
- {tx.sponsoredFee && {tx.sponsoredFee.toString()}}
- |
-
- );
- }
-}
diff --git a/src/main/LastBlockList.js b/src/main/LastBlockList.js
deleted file mode 100644
index 2aebdc3..0000000
--- a/src/main/LastBlockList.js
+++ /dev/null
@@ -1,80 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import {Link} from 'react-router-dom';
-
-import {routes} from '../shared/Routing';
-import LastBlockListItem from './LastBlockListItem';
-import Loader from '../shared/Loader';
-
-import ServiceFactory from '../services/ServiceFactory';
-
-const LAST_BLOCKS_COUNT = 20;
-
-export class LastBlockList extends React.PureComponent {
- static propTypes = {
- blocks: PropTypes.arrayOf(PropTypes.object).isRequired,
- title: PropTypes.string
- };
-
- static defaultProps = {
- title: 'Last blocks'
- };
-
- render() {
- return (
-
-
- {this.props.title}
-
- View all blocks
-
-
- {this.props.blocks.map((block) => {
- return (
);
- })}
-
-
-
-
Block contains {block.transactions} transactions
-
-
-
-
-
-
-
-
-
-
-
-
- );
- }
-}
diff --git a/src/main/NetworkInfo.js b/src/main/NetworkInfo.js
deleted file mode 100644
index 7452dab..0000000
--- a/src/main/NetworkInfo.js
+++ /dev/null
@@ -1,68 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import ServiceFactory from '../services/ServiceFactory';
-
-import Loader from '../shared/Loader';
-
-export class NetworkInfo extends React.PureComponent {
- static propTypes = {
- info: PropTypes.object.isRequired
- };
- render() {
- return (
-
- {Object.entries(this.props.info).map(entry => {
- return (
-
-
{entry[1]}
-
);
- })}
-
- Unconfirmed Transactions ({this.props.transactions.length})
-
- {this.props.transactions.map((item) => {
- return ();
- })}
-
- );
- }
-
- renderEmpty() {
- return (
-
-
-
-
- );
- }
-
- render() {
- const isEmpty = this.props.transactions.length === 0;
- let wrapperClassName = 'panel';
- if (isEmpty)
- wrapperClassName += ' panel-empty confirmed';
-
- return (
-
- {isEmpty ? this.renderEmpty() : this.renderList()}
-
- );
- }
-}
-
-export default class UnconfirmedTxListContainer extends React.Component {
- state = {
- unconfirmed: []
- };
-
- componentWillUnmount() {
- this.removeRefreshInterval();
- }
-
- initialFetch = () => {
- return this.fetchData().then(this.setRefreshInterval);
- };
-
- setAcryl = str => {
- if(str.includes('WAVES') ) {
- return str.replace('WAVES', 'ACRYL');
- } else if (str.includes('Waves') ) {
- return str.replace('Waves', 'Acryl');
- } else {
- return str;
- }
- }
-
- fetchData = () => {
- return ServiceFactory.transactionService().loadUnconfirmed()
- .then(unconfirmed => {
- console.log('unconfirmed :', unconfirmed);
- for (const unconfirmedTx of unconfirmed) {
- unconfirmedTx.fee.currency.shortName = this.setAcryl(unconfirmedTx.fee.currency.shortName);
- unconfirmedTx.fee.currency.displayName = this.setAcryl(unconfirmedTx.fee.currency.displayName);
- }
- this.setState({unconfirmed})
- });
- };
-
- setRefreshInterval = () => {
- this.interval = setInterval(() => this.fetchData(), 5000);
- };
-
- removeRefreshInterval = () => {
- if (this.interval) {
- clearInterval(this.interval);
- this.interval = null;
- }
- };
-
- render() {
- return (
-
-
-
- );
- }
-}
diff --git a/src/main/UnconfirmedTxListItem.js b/src/main/UnconfirmedTxListItem.js
deleted file mode 100644
index dffc773..0000000
--- a/src/main/UnconfirmedTxListItem.js
+++ /dev/null
@@ -1,38 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import EndpointRef from '../shared/EndpointRef';
-
-export default class UnconfirmedTxListItem extends React.PureComponent {
- static propTypes = {
- transaction: PropTypes.object.isRequired
- };
-
- render() {
- const tx = this.props.transaction;
- return (
-
-
-
-
{tx.id}
-
-
{tx.amount ? tx.amount.toString() : ''}
-
-
-
-
-
-
- {tx.recipient &&
}
-
-
-
-
-
-
-
-
-
- |
-
- |
-
- {node.version}
- |
-
- {node.height}
- |
-
- {node.baseTarget}
- |
-
- {node.unconfirmedTxCount}
- |
-
- {node.maintainer}
- |
-
- );
- }
-}
diff --git a/src/nodes/NodesPage.js b/src/nodes/NodesPage.js
deleted file mode 100644
index 7fdb785..0000000
--- a/src/nodes/NodesPage.js
+++ /dev/null
@@ -1,52 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import ServiceFactory from '../services/ServiceFactory';
-import Loader from '../shared/Loader';
-import NodeListItem from './NodeListItem';
-
-export default class NodesPage extends React.Component {
- state = {
- nodes: []
- };
-
- componentDidMount() {
- this.fetchData();
- }
-
- fetchData = () => {
- return ServiceFactory.nodesService().loadNodes(this).then(() => {});
- };
-
- render() {
- return (
-
-
- {ServiceFactory.configurationService().get().displayName} Nodes
-
-
-
-
- | Node |
- Version |
- Current height |
- Base target |
- UTxs |
- Maintainer |
-
-
-
- {this.state.nodes.map((node, index) => {
- return (
-
- );
- })}
-
-
-
-
-
-
- );
- }
-}
diff --git a/src/peers/PeerList.js b/src/peers/PeerList.js
deleted file mode 100644
index 7c75fc4..0000000
--- a/src/peers/PeerList.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import PeerListItem from './PeerListItem';
-
-export default class PeerList extends React.Component {
- static propTypes = {
- peers: PropTypes.arrayOf(PropTypes.object).isRequired
- };
-
- render() {
- return (
-
-
-
- | Address |
- Declared address |
- Node name |
- Node nonce |
-
-
-
- {this.props.peers.map((peer, index) => {
- peer.address = peer.address.replace("/","");
- if (peer.declaredAddress != "N/A") { peer.declaredAddress = peer.declaredAddress.replace("/",""); }
- return ();
- })}
-
-
- );
- }
-}
diff --git a/src/peers/PeerListItem.js b/src/peers/PeerListItem.js
deleted file mode 100644
index d5c6fc2..0000000
--- a/src/peers/PeerListItem.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export default class PeerListItem extends React.Component {
- static propTypes = {
- peer: PropTypes.object.isRequired
- };
-
- render() {
- const {peer} = this.props;
- return (
-
- |
- {peer.address}
- |
-
- {peer.declaredAddress}
- |
-
- {peer.name}
- |
-
- {peer.nonce}
- |
-
- );
- }
-}
diff --git a/src/peers/PeersPage.js b/src/peers/PeersPage.js
deleted file mode 100644
index 25bc196..0000000
--- a/src/peers/PeersPage.js
+++ /dev/null
@@ -1,37 +0,0 @@
-import React from 'react';
-
-import ServiceFactory from '../services/ServiceFactory';
-import Loader from '../shared/Loader';
-import PeerList from './PeerList';
-
-export default class PeersPage extends React.Component {
- state = {
- peers: []
- };
-
- componentDidMount() {
- this.fetchData();
- }
-
- fetchData = () => {
- return ServiceFactory.peersService().loadPeers()
- .then(peers => this.setState({peers}));
- };
-
- render() {
- return (
-
-
-
- Peers
-
-
-
-
-
- );
- }
-}
diff --git a/src/services/AddressService.js b/src/services/AddressService.js
deleted file mode 100644
index 33100b2..0000000
--- a/src/services/AddressService.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import groupBy from 'lodash/groupBy';
-
-import Alias from '../shared/Alias';
-import Currency from '../shared/Currency';
-import Money from '../shared/Money';
-import {ApiClientService} from './ApiClientService';
-
-export class AddressService extends ApiClientService {
- constructor(transactionTransformerService, currencyService, configurationService) {
- super(configurationService);
-
- this.transformer = transactionTransformerService;
- this.currencyService = currencyService;
- }
-
- loadBalance = (address) => {
- return this.getApi().addresses.details(address).then(balanceResponse => {
- const data = balanceResponse.data;
- return {
- regular: Money.fromCoins(data.regular, Currency.WAVES).toString(),
- generating: Money.fromCoins(data.generating, Currency.WAVES).toString(),
- available: Money.fromCoins(data.available, Currency.WAVES).toString(),
- effective: Money.fromCoins(data.effective, Currency.WAVES).toString()
- };
- });
- };
-
- loadTransactions = (address, limit, after) => {
- return this.getApi().transactions.address(address, limit, after).then(transactionsResponse => {
- return this.transformer.transform(transactionsResponse.data[0]);
- });
- };
-
- loadAliases = (address) => {
- return this.getApi().addresses.aliases(address).then(aliasesResponse => {
- const lines = aliasesResponse.data.map(item => Alias.fromString(item).alias);
- const grouped = groupBy(lines, item => item.toUpperCase().charAt(0));
- return Object.keys(grouped).sort().map(letter => ({
- letter,
- aliases: grouped[letter].sort()
- }));
- });
- };
-
- loadAssets = (address) => {
- return this.getApi().addresses.assetsBalance(address).then(balanceResponse => {
- const assets = balanceResponse.data.balances.map(item => {
- const currency = Currency.fromIssueTransaction(item.issueTransaction);
- this.currencyService.put(currency);
-
- const amount = Money.fromCoins(item.balance, currency);
-
- return {
- id: item.assetId,
- name: currency.toString(),
- amount: amount.formatAmount()
- };
- });
-
- return assets;
- });
- };
-
- loadData = (address) => {
- return this.getApi().addresses.data(address).then(dataResponse => dataResponse.data);
- };
-
- loadScript = (address) => {
- return this.getApi().addresses.script(address).then(scriptResponse => scriptResponse.data);
- }
-}
diff --git a/src/services/AliasService.js b/src/services/AliasService.js
deleted file mode 100644
index b3ebbb3..0000000
--- a/src/services/AliasService.js
+++ /dev/null
@@ -1,12 +0,0 @@
-import {ApiClientService} from './ApiClientService';
-
-export class AliasService extends ApiClientService {
- constructor(configurationService) {
- super(configurationService);
- }
-
- loadAddress = (alias) => {
- return this.getApi().aliases.address(alias)
- .then(addressResponse => addressResponse.data.address);
- };
-}
diff --git a/src/services/ApiClientService.js b/src/services/ApiClientService.js
deleted file mode 100644
index 2cf0313..0000000
--- a/src/services/ApiClientService.js
+++ /dev/null
@@ -1,9 +0,0 @@
-import {nodeApi} from '../shared/NodeApi';
-
-export class ApiClientService {
- constructor(configurationService) {
- this.configurationService = configurationService;
- }
-
- getApi = () => nodeApi(this.configurationService.get().apiBaseUrl);
-}
diff --git a/src/services/BlockService.js b/src/services/BlockService.js
deleted file mode 100644
index f08a135..0000000
--- a/src/services/BlockService.js
+++ /dev/null
@@ -1,50 +0,0 @@
-import groupBy from 'lodash/groupBy';
-
-import {ApiClientService} from './ApiClientService';
-
-export class BlockService extends ApiClientService {
- constructor(transactionTransformerService, infoService, configurationService) {
- super(configurationService);
-
- this.transformer = transactionTransformerService;
- this.infoService = infoService;
- }
-
- loadSequence = (from, to) => {
- return this.getApi().blocks.headers.sequence(from, to).then(blocksResponse => {
- const blocks = blocksResponse.data.map(block => {
- return {
- height: block.height,
- timestamp: block.timestamp,
- baseTarget: block['nxt-consensus']['base-target'],
- generator: block.generator,
- signature: block.signature,
- transactions: block.transactionCount
- };
- }).reverse();
-
- return blocks;
- });
- };
-
- loadBlock = (height) => {
- let block;
-
- return Promise.all([this.infoService.loadHeight(),
- this.getApi().blocks.at(height).then(blockResponse => {
- block = blockResponse.data;
- return this.transformer.transform(block.transactions);
- }
- )]).then(results => {
- const maxHeight = results[0];
- const transactions = results[1];
- const groupedTransactions = transactions ? groupBy(transactions, 'type') : {};
-
- return {
- maxHeight,
- block,
- groupedTransactions
- };
- });
- };
-}
diff --git a/src/services/ConfigurationService.js b/src/services/ConfigurationService.js
deleted file mode 100644
index a229b62..0000000
--- a/src/services/ConfigurationService.js
+++ /dev/null
@@ -1,71 +0,0 @@
-import configuredNetworks from '../configuration';
-
-const CUSTOM_NETWORK_ID = 'custom';
-const CUSTOM_NETWORK_NAME = 'Custom';
-const copyAndFreeze = object => Object.freeze(Object.assign({}, object));
-
-const trimEnd = (string, char) => {
- while (string.charAt(string.length - 1) === char) {
- string = string.substring(0, string.length - 1);
- }
-
- return string;
-};
-
-export class ConfigurationService {
- constructor(storageService) {
- this.storageService = storageService;
-
- this.networks = configuredNetworks.slice();
- this.customNetwork = null;
- const saved = this.storageService.loadConfiguration();
- if (saved) {
- this.selectedIndex = saved.selectedIndex;
- if (saved.customNetwork) {
- this.networks.push(saved.customNetwork);
- this.customNetwork = saved.customNetwork;
- }
- } else {
- this.selectedIndex = 0;
- }
- }
-
- get = () => copyAndFreeze(this.networks[this.selectedIndex]);
-
- all = () => this.networks.slice();
-
- custom = () => this.customNetwork ? copyAndFreeze(this.customNetwork) : null;
-
- select = (networkId) => {
- const index = this.networks.findIndex(item => item.networkId === networkId);
- if (index < 0) {
- throw new Error(`Network with id ${networkId} is not found`);
- }
-
- this.selectedIndex = index;
- this.save();
- };
-
- update = ({apiBaseUrl}) => {
- if (!this.customNetwork) {
- this.customNetwork = {
- networkId: CUSTOM_NETWORK_ID,
- displayName: CUSTOM_NETWORK_NAME,
- };
- this.networks.push(this.customNetwork);
- }
-
- this.customNetwork.apiBaseUrl = trimEnd(apiBaseUrl, '/');
- this.customNetwork.nodes = [{url: apiBaseUrl}];
- this.selectedIndex = this.networks.length - 1;
-
- this.save();
- };
-
- save = () => {
- this.storageService.saveConfiguration({
- selectedIndex: this.selectedIndex,
- customNetwork: this.customNetwork
- });
- }
-}
diff --git a/src/services/CurrencyService.js b/src/services/CurrencyService.js
deleted file mode 100644
index 5874e84..0000000
--- a/src/services/CurrencyService.js
+++ /dev/null
@@ -1,60 +0,0 @@
-import Currency from '../shared/Currency';
-import {ApiClientService} from './ApiClientService';
-
-const FAILURE = new Currency({
- id: 'failure',
- displayName: 'Failed to load',
- precision: 8
-});
-
-export class CurrencyService extends ApiClientService {
- constructor(configurationService) {
- super(configurationService);
- this.currencyCache = {};
- this.promisesCashe = {};
- }
-
- put = currency => {
- if (this.currencyCache[currency.id]) {
- return this.currencyCache[currency.id];
- } else {
- this.currencyCache[currency.id] = currency;
- return currency;
- }
- };
-
- get = assetId => {
- if (!assetId) {
- return Promise.resolve(Currency.WAVES);
- }
-
- const currency = this.currencyCache[assetId];
- if (currency) {
- return Promise.resolve(currency);
- } else {
- if (this.promisesCashe[assetId]) {
- return this.promisesCashe[assetId];
- }
-
- const promise = this.getApi().transactions.info(assetId)
- .then(infoResponse => {
- const c = Currency.fromIssueTransaction(infoResponse.data);
- return this.put(c);
- })
- .catch(error => {
- console.log(error);
-
- if (error.response) {
- console.log(error.response.data);
- console.log(error.response.status);
- }
-
- return FAILURE;
- });
-
- this.promisesCashe[assetId] = promise;
-
- return promise;
- }
- };
-}
diff --git a/src/services/InfoService.js b/src/services/InfoService.js
deleted file mode 100644
index d7be837..0000000
--- a/src/services/InfoService.js
+++ /dev/null
@@ -1,43 +0,0 @@
-import axios from 'axios';
-
-import {nodeApi} from '../shared/NodeApi';
-import {ApiClientService} from './ApiClientService';
-
-export class InfoService extends ApiClientService {
- constructor(configurationService) {
- super(configurationService);
- }
-
- loadHeight = () => {
- return this.getApi().blocks.height()
- .then(heightResponse => heightResponse.data.height);
- };
-
- loadInfo = () => {
- const api = this.getApi();
-
- return axios.all([
- api.version(),
- this.loadHeight(),
- api.baseTarget()
- ]).then(axios.spread((version, height, baseTarget) => {
- return {
- 'Version': version.data.version,
- 'Current height': height,
- 'Base Target': baseTarget.data.baseTarget
- };
- }));
- };
-
- loadDelay = (info) => {
- const api = this.getApi();
-
- return api.blocks.headers.last().then(headerResponse => {
- return api.blocks.delay(headerResponse.data.signature, headerResponse.data.height - 2)
- }).then(delayResponse => {
- const delay = (parseInt(delayResponse.data.delay) / 1000 / 60.0).toFixed(1);
-
- return Object.assign({}, info, {'Avg Block delay': `${delay} minutes`}) ;
- });
- };
-}
diff --git a/src/services/MoneyService.js b/src/services/MoneyService.js
deleted file mode 100644
index d375422..0000000
--- a/src/services/MoneyService.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import Money from '../shared/Money';
-
-export class MoneyService {
- constructor(currencyService) {
- this.currencyService = currencyService;
- }
-
- fromTokens = (assetId, amount) => {
- return this.currencyService.get(assetId).then(currency => {
- return Money.fromTokens(amount, currency);
- });
- };
-
- fromCoins = (assetId, amount) => {
- return this.currencyService.get(assetId).then(currency => {
- return Money.fromCoins(amount, currency);
- });
- };
-}
diff --git a/src/services/NodesService.js b/src/services/NodesService.js
deleted file mode 100644
index b6f5fe7..0000000
--- a/src/services/NodesService.js
+++ /dev/null
@@ -1,51 +0,0 @@
-import axios from 'axios';
-
-import {nodeApi} from '../shared/NodeApi';
-import {ApiClientService} from './ApiClientService';
-
-export class NodesService extends ApiClientService {
- constructor(configurationService) {
- super(configurationService);
- }
-
- loadNodes = (_this) => {
- let chain = Promise.resolve();
-
- const nodes = this.configurationService.get().nodes.slice();
-
- nodes.map((node, index) => {
- const api = nodeApi(node.url);
- chain = chain
- .then(() => {
- return new Promise((resolve, reject) => {
- axios.all([
- api.version(),
- api.blocks.height(),
- api.baseTarget(),
- api.transactions.utxSize()
- ]).then(axios.spread((version, height, baseTarget, unconfirmedTxCount) => {
- const newNode = {
- ...node,
- version: version.data.version,
- height: height.data.height,
- baseTarget: baseTarget.data.baseTarget,
- unconfirmedTxCount: unconfirmedTxCount.data.size
- };
-
- resolve({
- index,
- node: newNode
- });
- }))
- })
- })
- .then((resolve) => {
- let nodes = _this.state.nodes;
- nodes[resolve.index] = resolve.node;
- _this.setState({nodes});
- });
- });
-
- return chain;
- }
-}
diff --git a/src/services/PeersService.js b/src/services/PeersService.js
deleted file mode 100644
index 70f4d63..0000000
--- a/src/services/PeersService.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import {ApiClientService} from './ApiClientService';
-
-export class PeersService extends ApiClientService {
- constructor(configurationService) {
- super(configurationService);
- }
-
- loadPeers = () => {
- return this.getApi().peers().then(response => {
- return response.data.peers.map(item => ({
- address: item.address,
- declaredAddress: item.declaredAddress,
- name: item.peerName,
- nonce: item.peerNonce
- }));
- });
- };
-}
diff --git a/src/services/SearchService.js b/src/services/SearchService.js
deleted file mode 100644
index 40b3c18..0000000
--- a/src/services/SearchService.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import {routes} from '../shared/Routing';
-import {ApiClientService} from './ApiClientService';
-
-export class SearchService extends ApiClientService {
- constructor(configurationService) {
- super(configurationService);
- }
- search = query => {
- if (!query)
- return Promise.resolve();
-
- query = query.trim();
-
- const api = this.getApi();
- return api.addresses.validate(query).then(validateResponse => {
- if (validateResponse.data.valid)
- return routes.addresses.one(query);
-
- return api.blocks.heightBySignature(query).then(heightResponse => {
- return routes.blocks.one(heightResponse.data.height);
- });
- }).catch(() => {
- return api.transactions.info(query).then(infoResponse => {
- return routes.transactions.one(infoResponse.data.id);
- })
- });
- };
-}
diff --git a/src/services/ServiceFactory.js b/src/services/ServiceFactory.js
deleted file mode 100644
index 0b6b47f..0000000
--- a/src/services/ServiceFactory.js
+++ /dev/null
@@ -1,58 +0,0 @@
-import {MoneyService} from './MoneyService';
-import {CurrencyService} from './CurrencyService';
-import {TransactionTransformerService} from './TransactionTransformerService';
-import {SearchService} from './SearchService';
-import {StorageService} from './StorageService';
-import {SpamDetectionService} from './SpamDetectionService';
-import {PeersService} from './PeersService';
-import {NodesService} from './NodesService';
-import {TransactionService} from './TransactionService';
-import {BlockService} from './BlockService';
-import {AddressService} from './AddressService';
-import {InfoService} from './InfoService';
-import {AliasService} from './AliasService';
-import {ConfigurationService} from './ConfigurationService';
-
-class ServiceFactory {
- constructor() {
- this._storageService = new StorageService();
- this._configurationService = new ConfigurationService(this._storageService);
- this._currencyService = new CurrencyService(this._configurationService);
- this._spamDetectionService = new SpamDetectionService(this._storageService, this._configurationService);
- this._transactionTransformerService = new TransactionTransformerService(this._currencyService,
- this._spamDetectionService);
- this._infoService = new InfoService(this._configurationService);
- }
-
- currencyService = () => this._currencyService;
-
- moneyService = () => new MoneyService(this._currencyService);
-
- transactionTransformerService = () => this._transactionTransformerService;
-
- searchService = () => new SearchService(this._configurationService);
-
- peersService = () => new PeersService(this._configurationService);
-
- nodesService = () => new NodesService(this._configurationService);
-
- transactionService = () => new TransactionService(this._transactionTransformerService, this._configurationService);
-
- blockService = () => new BlockService(this._transactionTransformerService,
- this._infoService,
- this._configurationService);
-
- addressService = () => new AddressService(this._transactionTransformerService,
- this._currencyService,
- this._configurationService);
-
- infoService = () => this._infoService;
-
- aliasService = () => new AliasService(this._configurationService);
-
- configurationService = () => this._configurationService;
-}
-
-const factoryInstance = new ServiceFactory();
-
-export default factoryInstance;
diff --git a/src/services/SpamDetectionService.js b/src/services/SpamDetectionService.js
deleted file mode 100644
index 0955ab6..0000000
--- a/src/services/SpamDetectionService.js
+++ /dev/null
@@ -1,67 +0,0 @@
-import {thirdPartyApi} from '../shared/ThirdPartyApi';
-
-const MILLISECONDS_PER_DAY = 24 * 60 * 60 * 1000;
-
-export class SpamDetectionService {
- constructor(storageService, configurationService) {
- this.storageService = storageService;
- this.configurationService = configurationService;
- this.updating = false;
- this.active = !!this.spamListUrl();
-
- if (this.active) {
- this.cache = storageService.loadAntispamCache() || {
- spamAssets: {}
- };
- }
- }
-
- isSpam = (assetId) => {
- if (!this.active) {
- return false;
- }
-
- const result = !!this.cache.spamAssets[assetId];
-
- this.updateCacheIfNeeded();
-
- return result;
- };
-
- updateCacheIfNeeded = () => {
- if (this.updating)
- return;
-
- if (!this.cache.expirationTime || this.cache.expirationTime <= new Date().getTime()) {
- this.updating = true;
-
- const api = thirdPartyApi(this.spamListUrl());
- api.antispamList().then(listResponse => {
- this.cache.spamAssets = this.parseAssetList(listResponse.data);
- // cache should expire in one day
- this.cache.expirationTime = new Date().getTime() + MILLISECONDS_PER_DAY;
- this.storageService.saveAntispamCache(this.cache);
- }).finally(() => {
- this.updating = false;
- });
- }
- };
-
- parseAssetList = (listAsString) => {
- const lines = listAsString.split('\n');
- const result = {};
- lines.forEach(line => {
- const parts = line.split(',');
- if (parts.length > 0) {
- const assetId = parts[0].trim();
- if (assetId) {
- result[assetId] = true;
- }
- }
- });
-
- return result;
- };
-
- spamListUrl = () => this.configurationService.get().spamListUrl;
-}
diff --git a/src/services/StorageService.js b/src/services/StorageService.js
deleted file mode 100644
index a475e23..0000000
--- a/src/services/StorageService.js
+++ /dev/null
@@ -1,37 +0,0 @@
-const ANTISPAM_CACHE_KEY = 'AntispamCache';
-const CONFIGURATION = 'Configuration';
-
-export class StorageService {
- constructor() {
- this.storage = window.localStorage;
- }
-
- loadObject = key => {
- const objectAsString = this.storage.getItem(key);
-
- if (!objectAsString)
- return null;
-
- return JSON.parse(objectAsString);
- };
-
- saveObject = (key, object) => {
- this.storage.setItem(key, JSON.stringify(object));
- };
-
- loadAntispamCache = () => {
- return this.loadObject(ANTISPAM_CACHE_KEY);
- };
-
- saveAntispamCache = (cache) => {
- this.saveObject(ANTISPAM_CACHE_KEY, cache);
- };
-
- loadConfiguration = () => {
- return this.loadObject(CONFIGURATION);
- };
-
- saveConfiguration = (configuration) => {
- this.saveObject(CONFIGURATION, configuration);
- };
-}
diff --git a/src/services/TransactionService.js b/src/services/TransactionService.js
deleted file mode 100644
index 96079ee..0000000
--- a/src/services/TransactionService.js
+++ /dev/null
@@ -1,22 +0,0 @@
-import {api} from '../shared/NodeApi';
-import {ApiClientService} from './ApiClientService';
-
-export class TransactionService extends ApiClientService {
- constructor(transactionTransformerService, configurationService) {
- super(configurationService);
-
- this.transformer = transactionTransformerService;
- }
-
- loadTransaction = (id) => {
- return this.getApi().transactions.info(id).then(infoResponse => {
- return this.transformer.transform(infoResponse.data);
- });
- };
-
- loadUnconfirmed = () => {
- return this.getApi().transactions.unconfirmed().then(response => {
- return this.transformer.transform(response.data);
- })
- };
-}
diff --git a/src/services/TransactionTransformerService.js b/src/services/TransactionTransformerService.js
deleted file mode 100644
index a15b938..0000000
--- a/src/services/TransactionTransformerService.js
+++ /dev/null
@@ -1,266 +0,0 @@
-import Currency from '../shared/Currency';
-import Money from '../shared/Money';
-import OrderPrice from '../shared/OrderPrice';
-import DateTime from '../shared/DateTime';
-
-const transformMultiple = (currencyService, spamDetectionService, transactions) => {
- const promises = transactions.map(item => transformSingle(currencyService, spamDetectionService, item));
-
- return Promise.all(promises);
-};
-
-const transformSingle = (currencyService, spamDetectionService, tx) => {
- switch (tx.type) {
- case 2:
- case 4:
- return transformTransfer(currencyService, spamDetectionService, tx);
-
- case 3:
- return transformIssue(currencyService, tx);
-
- case 5:
- return transformReissue(currencyService, tx);
-
- case 6:
- return tranformBurn(currencyService, tx);
-
- case 7:
- return transformExchange(currencyService, tx);
-
- case 8:
- return transformLease(currencyService, tx);
-
- case 9:
- return transformLeaseCancel(currencyService, tx);
-
- case 10:
- return transformAlias(currencyService, tx);
-
- case 11:
- return transformMassTransfer(currencyService, spamDetectionService, tx);
-
- case 12:
- return transformData(currencyService, tx);
-
- case 13:
- return transformScript(currencyService, tx);
-
- case 14:
- return transformSponsorship(currencyService, tx);
-
- default:
- return Promise.resolve(Object.assign({}, tx));
- }
-};
-
-const copyMandatoryAttributes = tx => ({
- id: tx.id,
- type: tx.type,
- timestamp: new DateTime(tx.timestamp),
- sender: tx.sender,
- height: tx.height
-});
-
-const loadAmountAndFeeCurrencies = (currencyService, amountAssetId, feeAssetId) => {
- return Promise.all([
- currencyService.get(amountAssetId),
- currencyService.get(feeAssetId)
- ]);
-};
-
-const transformData = (currencyService, tx) => {
- return currencyService.get(tx.feeAssetId).then(feeCurrency => {
- return Object.assign(copyMandatoryAttributes(tx), {
- data: tx.data,
- fee: Money.fromCoins(tx.fee, feeCurrency)
- })
- });
-};
-
-const transformScript = (currencyService, tx) => {
- return currencyService.get(tx.feeAssetId).then(feeCurrency => {
- return Object.assign(copyMandatoryAttributes(tx), {
- script: tx.script,
- fee: Money.fromCoins(tx.fee, feeCurrency)
- })
- });
-};
-
-const transformSponsorship = (currencyService, tx) => {
- return loadAmountAndFeeCurrencies(currencyService, tx.assetId, tx.feeAssetId).then(pair => {
- const sponsoredCurrency = pair[0];
- const feeCurrency = pair[1];
-
- const sponsoredFee = tx.minSponsoredAssetFee ?
- Money.fromCoins(tx.minSponsoredAssetFee, sponsoredCurrency) :
- null;
-
- return Object.assign(copyMandatoryAttributes(tx), {
- fee: Money.fromCoins(tx.fee, feeCurrency),
- sponsoredFee
- });
- });
-};
-
-const transformMassTransfer = (currencyService, spamDetectionService, tx) => {
- return loadAmountAndFeeCurrencies(currencyService, tx.assetId, tx.feeAssetId).then(pair => {
- const amountCurrency = pair[0];
- const feeCurrency = pair[1];
-
- const transfers = tx.transfers.map(item => ({
- recipient: item.recipient,
- amount: Money.fromCoins(item.amount, amountCurrency)
- }));
-
- return Object.assign(copyMandatoryAttributes(tx), {
- fee: Money.fromCoins(tx.fee, feeCurrency),
- attachment: tx.attachment,
- totalAmount: Money.fromCoins(tx.totalAmount, amountCurrency),
- transferCount: tx.transferCount,
- isSpam: spamDetectionService.isSpam(tx.assetId),
- transfers
- });
- });
-};
-
-const transformAlias = (currencyService, tx) => {
- return Promise.resolve(
- Object.assign(copyMandatoryAttributes(tx), {
- fee: Money.fromCoins(tx.fee, Currency.WAVES),
- alias: tx.alias
- })
- );
-};
-
-const transformLease = (currencyService, tx) => {
- return currencyService.get(tx.feeAssetId).then(feeCurrency => {
- return Object.assign(copyMandatoryAttributes(tx), {
- recipient: tx.recipient,
- fee: Money.fromCoins(tx.fee, feeCurrency),
- amount: Money.fromCoins(tx.amount, Currency.WAVES),
- status: tx.status
- })
- });
-};
-
-const transformLeaseCancel = (currencyService, tx) => {
- return currencyService.get(tx.feeAssetId).then(feeCurrency => {
- return Object.assign(copyMandatoryAttributes(tx), {
- fee: Money.fromCoins(tx.fee, feeCurrency),
- leaseId: tx.leaseId,
- recipient: tx.lease ? tx.lease.recipient : null
- });
- });
-};
-
-const transformExchange = (currencyService, tx) => {
- const buyOrder = tx.order1.orderType === 'buy' ? tx.order1 : tx.order2;
- const sellOrder = tx.order2.orderType === 'sell' ? tx.order2 : tx.order1;
- const assetPair = buyOrder.assetPair;
-
- return Promise.all([
- currencyService.get(assetPair.amountAsset),
- currencyService.get(assetPair.priceAsset)
- ]).then(pair => {
- const currencyPair = {
- amountAsset: pair[0],
- priceAsset: pair[1]
- };
-
- const price = OrderPrice.fromBackendPrice(tx.price, currencyPair);
- const amount = Money.fromCoins(tx.amount, currencyPair.amountAsset);
-
- return Object.assign(copyMandatoryAttributes(tx), {
- fee: Money.fromCoins(tx.fee, Currency.WAVES),
- buyFee: Money.fromCoins(tx.buyMatcherFee, Currency.WAVES),
- sellFee: Money.fromCoins(tx.sellMatcherFee, Currency.WAVES),
- price,
- amount,
- total: Money.fromTokens(price.toTokens() * amount.toTokens(), currencyPair.priceAsset),
- buyOrder: transformOrder(buyOrder, currencyPair),
- sellOrder: transformOrder(sellOrder, currencyPair),
- sender: sellOrder.sender,
- recipient: buyOrder.sender
- });
- });
-};
-
-const transformOrder = (order, assetPair) => {
- return {
- id: order.id,
- sender: order.sender,
- assetPair,
- orderType: order.orderType,
- amount: Money.fromCoins(order.amount, assetPair.amountAsset),
- price: OrderPrice.fromBackendPrice(order.price, assetPair),
- timestamp: new DateTime(order.timestamp),
- expiration: new DateTime(order.expiration),
- fee: Money.fromCoins(order.matcherFee, Currency.WAVES)
- };
-};
-
-const tranformBurn = (currencyService, tx) => {
- return currencyService.get(tx.assetId).then(currency => {
- return Object.assign(copyMandatoryAttributes(tx), {
- amount: Money.fromCoins(tx.amount, currency),
- fee: Money.fromCoins(tx.fee, Currency.WAVES)
- });
- });
-};
-
-const transformReissue = (currencyService, tx) => {
- return currencyService.get(tx.assetId).then(currency => {
- return Object.assign(copyMandatoryAttributes(tx), {
- amount: Money.fromCoins(tx.quantity, currency),
- fee: Money.fromCoins(tx.fee, Currency.WAVES),
- reissuable: tx.reissuable,
-
- });
- });
-};
-
-const transformIssue = (currencyService, tx) => {
- const c = Currency.fromIssueTransaction(tx);
- currencyService.put(c);
-
- return currencyService.get(c.id).then(currency => {
- return Object.assign(copyMandatoryAttributes(tx), {
- amount: Money.fromCoins(tx.quantity, currency),
- fee: Money.fromCoins(tx.fee, Currency.WAVES),
- name: tx.name,
- reissuable: tx.reissuable,
- decimals: tx.decimals,
- description: tx.description
- });
- });
-};
-
-const transformTransfer = (currencyService, spamDetectionService, tx) => {
- return loadAmountAndFeeCurrencies(currencyService, tx.assetId, tx.feeAssetId).then(pair => {
- const amountCurrency = pair[0];
- const feeCurrency = pair[1];
-
- return Object.assign(copyMandatoryAttributes(tx), {
- amount: Money.fromCoins(tx.amount, amountCurrency),
- fee: Money.fromCoins(tx.fee, feeCurrency),
- attachment: tx.attachment,
- recipient: tx.recipient,
- isSpam: spamDetectionService.isSpam(tx.assetId)
- });
- });
-};
-
-
-export class TransactionTransformerService {
- constructor(currencyService, spamDetectionService) {
- this.currencyService = currencyService;
- this.spamDetectionService = spamDetectionService;
- }
-
- transform = (input) => {
- if (Array.isArray(input))
- return transformMultiple(this.currencyService, this.spamDetectionService, input);
-
- return transformSingle(this.currencyService, this.spamDetectionService, input);
- };
-}
diff --git a/src/shared/Alias.js b/src/shared/Alias.js
deleted file mode 100644
index 4c9704d..0000000
--- a/src/shared/Alias.js
+++ /dev/null
@@ -1,27 +0,0 @@
-const ALIAS_PREFIX = 'alias';
-
-export default class Alias {
- constructor(networkCode, alias) {
- this.networkCode = networkCode;
- this.alias = alias;
- }
-
- static isAlias = candidate => {
- return candidate.trim().search(ALIAS_PREFIX) == 0;
- };
-
- static fromString = candidate => {
- var parts = candidate.split(':');
- if (parts.length != 3)
- throw new Error('Too few elements in alias: ' + candidate);
-
- if (parts[0] !== ALIAS_PREFIX)
- throw new Error('Unexpected alias prefix: ' + candidate);
-
- return new Alias(parts[1], parts[2])
- };
-
- toString() {
- return ALIAS_PREFIX + ':' + this.networkCode + ':' + this.alias;
- }
-}
diff --git a/src/shared/BlockRef.js b/src/shared/BlockRef.js
deleted file mode 100644
index 97a6f96..0000000
--- a/src/shared/BlockRef.js
+++ /dev/null
@@ -1,19 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import {Link} from 'react-router-dom';
-
-import {routes} from './Routing';
-
-class BlockRef extends React.PureComponent {
- static propTypes = {
- height: PropTypes.number.isRequired
- };
-
- render() {
- const {height} = this.props;
-
- return ({height});
- }
-}
-
-export default BlockRef;
diff --git a/src/shared/CopyButton.js b/src/shared/CopyButton.js
deleted file mode 100644
index 5c29488..0000000
--- a/src/shared/CopyButton.js
+++ /dev/null
@@ -1,47 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-import CopyToClipboard from 'react-copy-to-clipboard';
-
-const MESSAGE_DELAY_MILLISECONDS = 1000;
-
-const Copy = ({text, onCopy}) => {
- return
- Copy
-
-};
-
-Copy.propTypes = {
- text: PropTypes.string,
- onCopy: PropTypes.func
-};
-
-Copy.defaultProps = {
- text: '',
- onCopy: undefined
-};
-
-const Copied = () => Copied!
;
-
-class CopyButton extends React.PureComponent {
- static propTypes = Copy.propTypes;
- static defaultProps = Copy.defaultProps;
-
- state = {
- hasCopied: false
- };
-
- handleCopy = (text, result) => {
- if (this.props.onCopy) {
- this.props.onCopy(text, result);
- }
-
- this.setState({hasCopied: true});
- setTimeout(() => this.setState({hasCopied: false}), MESSAGE_DELAY_MILLISECONDS);
- };
-
- render() {
- return this.state.hasCopied ? : ;
- }
-}
-
-export default CopyButton;
diff --git a/src/shared/Currency.js b/src/shared/Currency.js
deleted file mode 100644
index 6e4c13f..0000000
--- a/src/shared/Currency.js
+++ /dev/null
@@ -1,40 +0,0 @@
-import {Decimal} from 'decimal.js';
-
-export default class Currency {
- constructor(data) {
- data = data || {};
-
- this.id = data.id; // base58 encoded asset id of the currency
- this.displayName = data.displayName;
- this.shortName = data.shortName || data.displayName;
- this.precision = data.precision; // number of decimal places after a decimal point
-
- if (data.roundingMode !== undefined) {
- this.roundingMode = data.roundingMode;
- } else {
- this.roundingMode = Decimal.ROUND_HALF_UP;
- }
- }
-
- static WAVES = new Currency({
- id: '',
- displayName: 'Acryl',
- shortName: 'ACRYL',
- precision: 8
- });
-
- static fromIssueTransaction = issueTransaction => {
- return new Currency({
- id: issueTransaction.assetId,
- displayName: issueTransaction.name,
- precision: issueTransaction.decimals
- });
- };
-
- toString() {
- if (this.shortName)
- return this.shortName;
-
- return this.displayName;
- }
-}
diff --git a/src/shared/CurrencyRef.js b/src/shared/CurrencyRef.js
deleted file mode 100644
index 8b108f7..0000000
--- a/src/shared/CurrencyRef.js
+++ /dev/null
@@ -1,20 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import Currency from './Currency';
-import TransactionRef from './TransactionRef';
-
-const CurrencyRef = ({currency}) => {
- if (currency === Currency.WAVES)
- return currency.toString();
-
- return ;
-};
-
-CurrencyRef.propTypes = {
- currency: PropTypes.shape({
- id: PropTypes.string
- }).isRequired
-};
-
-export default CurrencyRef;
diff --git a/src/shared/DataInfo.js b/src/shared/DataInfo.js
deleted file mode 100644
index 916b9da..0000000
--- a/src/shared/DataInfo.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import EmptyData from './EmptyData';
-
-export default class DataInfo extends React.PureComponent {
- static propTypes = {
- data: PropTypes.arrayOf(PropTypes.shape({
- key: PropTypes.string,
- type: PropTypes.string,
- value: PropTypes.oneOfType([
- PropTypes.string,
- PropTypes.number
- ])
- })).isRequired
- };
-
- render() {
- const isEmpty = this.props.data.length == 0;
- const rowClassName = 'data-container' + (isEmpty ? ' empty' : '');
-
- return (
-
- {isEmpty ?
:
{JSON.stringify(this.props.data, null, 2)}}
-
- {this.props.items.map((item, index) => {
- return
- })}
-
- );
- }
-}
diff --git a/src/shared/DictionaryItem.js b/src/shared/DictionaryItem.js
deleted file mode 100644
index a8ea17d..0000000
--- a/src/shared/DictionaryItem.js
+++ /dev/null
@@ -1,32 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export default class DictionaryItem extends React.PureComponent {
- static propTypes = {
- label: PropTypes.string.isRequired,
- value: PropTypes.node,
- action: PropTypes.node
- };
-
- render() {
- return (
-
-
{this.props.label}
-
{
- this.props.action ?
{this.props.value}
: this.props.value
- }
- {this.props.action &&
- {this.props.action}
-
}
-
*/}
- {/*
{this.props.label}
*/}
- {/*
{this.props.action &&
{this.props.value}
}
*/}
- {/*{this.props.action &&
*/}
- {/*{this.props.action}*/}
- {/*
}*/}
-{/*
- {props.title}
- / {props.subtitle}
- {props.copyVisible && }
-
- );
-};
-
-Headline.propTypes = {
- title: PropTypes.string.isRequired,
- subtitle: PropTypes.string.isRequired,
- copyVisible: PropTypes.bool
-};
-
-Headline.defaultProps = {
- copyVisible: true
-};
-
-export default Headline;
diff --git a/src/shared/Loader.js b/src/shared/Loader.js
deleted file mode 100644
index 30ec5b5..0000000
--- a/src/shared/Loader.js
+++ /dev/null
@@ -1,48 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import Loading from './Loading';
-import Error from './Error';
-
-export default class Loader extends React.Component {
- static propTypes = {
- errorTitle: PropTypes.string,
- loadingTitle: PropTypes.string,
- fetchData: PropTypes.func.isRequired
- };
-
- state = {
- loading: false,
- hasError: false
- };
-
- componentDidMount() {
- this.setState({loading: true});
- this.props.fetchData()
- .then(value => {
- this.setState({loading: false});
-
- return value;
- })
- .catch(error => {
- console.log(error);
-
- this.setState({
- loading: false,
- hasError: true
- });
- });
- }
-
- render() {
- if (this.state.loading) {
- return ;
- }
-
- if (this.state.hasError) {
- return ;
- }
-
- return this.props.children;
- }
-}
diff --git a/src/shared/Loading.js b/src/shared/Loading.js
deleted file mode 100644
index c9d2a52..0000000
--- a/src/shared/Loading.js
+++ /dev/null
@@ -1,11 +0,0 @@
-import React from 'react';
-
-export default class Loading extends React.PureComponent {
- render() {
- return (
-
- );
- }
-}
diff --git a/src/shared/Money.js b/src/shared/Money.js
deleted file mode 100644
index d977df3..0000000
--- a/src/shared/Money.js
+++ /dev/null
@@ -1,123 +0,0 @@
-import {Decimal} from 'decimal.js';
-import isNumber from 'lodash/isNumber';
-import Currency from './Currency';
-
-const DECIMAL_SEPARATOR = '.';
-const THOUSANDS_SEPARATOR = ',';
-
-const format = (value, currency) => value.toFixed(currency.precision, currency.roundingMode);
-const validateCurrency = (expected, actual) => {
- if (expected.id !== actual.id)
- throw new Error('Currencies must be the same for operands. Expected: ' +
- expected.displayName + '; Actual: ' + actual.displayName);
-};
-
-const fromTokensToCoins = (valueInTokens, currencyPrecision) => valueInTokens
- .mul(Math.pow(10, currencyPrecision)).trunc();
-
-const fromCoinsToTokens = (valueInCoins, currencyPrecision) => valueInCoins
- .trunc().div(Math.pow(10, currencyPrecision));
-
-// in 2016 Safari doesn't support toLocaleString()
-// that's why we need this method
-const formatWithThousandsSeparator = (formattedAmount) => {
- var parts = formattedAmount.split(DECIMAL_SEPARATOR);
- parts[0] = parts[0].replace(/\B(?=(\d{3})+(?!\d))/g, THOUSANDS_SEPARATOR);
-
- return parts.join(DECIMAL_SEPARATOR);
-};
-
-export default class Money {
- constructor(amount, currency) {
- if (amount === undefined)
- throw new Error('Amount is required');
-
- if (currency === undefined)
- throw new Error('Currency is required');
-
- this.amount = new Decimal(amount)
- .toDecimalPlaces(currency.precision, Decimal.ROUND_FLOOR);
- this.currency = currency;
- }
-
- static fromTokens = (amount, currency) => new Money(amount, currency);
- static fromCoins = (amount, currency) => {
- currency = currency || {};
- if (currency.precision === undefined)
- throw new Error('A valid currency must be provided');
-
- amount = new Decimal(amount);
- amount = amount.div(Math.pow(10, currency.precision));
-
- return new Money(amount, currency);
- };
-
- formatAmount = (stripZeroes, useThousandsSeparator) => {
- const result = stripZeroes ?
- this.toTokens().toFixed(this.amount.decimalPlaces()) :
- format(this.amount, this.currency);
-
- return useThousandsSeparator ? formatWithThousandsSeparator(result) : result;
- };
-
- toTokens = () => {
- var result = fromCoinsToTokens(fromTokensToCoins(this.amount, this.currency.precision),
- this.currency.precision);
-
- return result.toNumber();
- };
-
- toCoins = () => fromTokensToCoins(this.amount, this.currency.precision).toNumber();
-
- plus = money => {
- validateCurrency(this.currency, money.currency);
-
- return new Money(this.amount.plus(money.amount), this.currency);
- };
-
- minus = money => {
- validateCurrency(this.currency, money.currency);
-
- return new Money(this.amount.minus(money.amount), this.currency);
- };
-
- greaterThan = other => {
- validateCurrency(this.currency, other.currency);
-
- return this.amount.greaterThan(other.amount);
- };
-
- greaterThanOrEqualTo = other => {
- validateCurrency(this.currency, other.currency);
-
- return this.amount.greaterThanOrEqualTo(other.amount);
- };
-
- lessThan = other => {
- validateCurrency(this.currency, other.currency);
-
- return this.amount.lessThan(other.amount);
- };
-
- lessThanOrEqualTo = other => {
- validateCurrency(this.currency, other.currency);
-
- return this.amount.lessThanOrEqualTo(other.amount);
- };
-
- multiply = multiplier => {
- if (!isNumber(multiplier))
- throw new Error('Number is expected');
-
- if (isNaN(multiplier))
- throw new Error('Multiplication by NaN is not supported');
-
- return new Money(this.amount.mul(multiplier), this.currency);
- };
-
- toString = () => this.formatAmount(true, true) + ' ' + this.currency.toString();
-}
-
-// set up decimal to format 0.00000001 as is instead of 1e-8
-Decimal.config({toExpNeg: -(Currency.WAVES.precision + 1)});
-
diff --git a/src/shared/NoData.js b/src/shared/NoData.js
deleted file mode 100644
index ad96534..0000000
--- a/src/shared/NoData.js
+++ /dev/null
@@ -1,23 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-export default class NoData extends React.PureComponent {
- static propTypes = {
- title: PropTypes.string
- };
-
- static defaultProps = {
- title: 'No data'
- };
-
- render() {
- const {title} = this.props;
-
- return (
-
- );
- }
-}
diff --git a/src/shared/NodeApi.js b/src/shared/NodeApi.js
deleted file mode 100644
index 6b30617..0000000
--- a/src/shared/NodeApi.js
+++ /dev/null
@@ -1,84 +0,0 @@
-import axios from 'axios';
-import * as rax from 'retry-axios';
-
-import DateTime from './DateTime';
-
-const TRANSACTIONS_BY_ADDRESS_LIMIT = 100;
-
-const retryableAxios = axios.create();
-retryableAxios.defaults.raxConfig = {
- instance: retryableAxios,
- retryDelay: 10
-};
-rax.attach(retryableAxios);
-
-export const replaceTimestampWithDateTime = obj => {
- if (obj.timestamp) {
- obj.timestamp = new DateTime(obj.timestamp);
- }
-
- return obj;
-};
-
-const transformTimestampToDateTime = (responseData) => {
- if (Array.isArray(responseData)) {
- responseData.forEach(replaceTimestampWithDateTime);
- } else {
- replaceTimestampWithDateTime(responseData);
- }
-
- return responseData;
-};
-
-export const nodeApi = (baseUrl) => {
- const get = (url, config) => axios.get(baseUrl + url, config);
- const retryableGet = (url, config) => retryableAxios.get(baseUrl + url, config);
-
- return {
- version: () => get('/node/version'),
- baseTarget: () => get('/consensus/basetarget'),
- addresses: {
- details: (address) => get(`/addresses/balance/details/${address}`),
- assetsBalance: (address) => get(`/assets/balance/${address}`),
- aliases: (address) => get(`/alias/by-address/${address}`),
- validate: (address) => get(`/addresses/validate/${address}`),
- data: (address) => get(`/addresses/data/${address}`),
- script: (address) => get(`/addresses/scriptInfo/${address}`)
- },
- blocks: {
- height: () => get('/blocks/height'),
- heightBySignature: (signature) => get(`/blocks/height/${signature}`),
- delay: (fromSignature, count) => get(`/blocks/delay/${fromSignature}/${count}`),
- at: (height) => get(`/blocks/at/${height}`, {
- transformResponse: axios.defaults.transformResponse.concat(transformTimestampToDateTime)
- }),
- headers: {
- last: () => get('/blocks/headers/last', {
- transformResponse: axios.defaults.transformResponse.concat(transformTimestampToDateTime)
- }),
- sequence: (from, to) => get(`/blocks/headers/seq/${from}/${to}`, {
- transformResponse: axios.defaults.transformResponse.concat(transformTimestampToDateTime)
- })
- }
- },
- transactions: {
- unconfirmed: () => get('/transactions/unconfirmed'),
- utxSize: () => get('/transactions/unconfirmed/size'),
- info: id => retryableGet(`/transactions/info/${id}`),
- address: (address, limit, after) => {
- const top = limit || TRANSACTIONS_BY_ADDRESS_LIMIT;
- const config = after ? {
- params: {
- after
- }
- } : undefined;
-
- return get(`/transactions/address/${address}/limit/${top}`, config);
- }
- },
- aliases: {
- address: (alias) => get(`/alias/by-alias/${alias}`)
- },
- peers: () => get('/peers/connected'),
- };
-};
diff --git a/src/shared/OrderPrice.js b/src/shared/OrderPrice.js
deleted file mode 100644
index e7cc356..0000000
--- a/src/shared/OrderPrice.js
+++ /dev/null
@@ -1,41 +0,0 @@
-import {Decimal} from 'decimal.js';
-
-const MATCHER_SCALE = 1e8;
-
-const roundToPriceAsset = (price, pair) => {
- return new Decimal(new Decimal(price).toFixed(pair.priceAsset.precision, Decimal.ROUND_FLOOR));
-};
-
-const normalizePrice = (price, pair) => {
- return new Decimal(price)
- .div(MATCHER_SCALE)
- .div(Math.pow(10, pair.priceAsset.precision - pair.amountAsset.precision));
-};
-
-class OrderPrice {
- constructor(price, pair) {
- this.amountAsset = pair.amountAsset;
- this.priceAsset = pair.priceAsset;
- this.price = roundToPriceAsset(price, pair);
- }
-
- toTokens = () => this.price.toNumber();
- toCoins = () => this.toTokens() * Math.pow(10, this.priceAsset.precision - this.amountAsset.precision);
- toBackendPrice = () => Math.round(this.toCoins() * MATCHER_SCALE);
-
- toString() {
- return this.toTokens().toFixed(8);
- }
-}
-
-export default {
- fromTokens: function (price, pair) {
- return new OrderPrice(price, pair);
- },
-
- fromBackendPrice: function (price, pair) {
- var normalizedPrice = normalizePrice(price, pair);
-
- return new OrderPrice(normalizedPrice, pair);
- }
-};
diff --git a/src/shared/Routing.js b/src/shared/Routing.js
deleted file mode 100644
index 8f44a5a..0000000
--- a/src/shared/Routing.js
+++ /dev/null
@@ -1,31 +0,0 @@
-export const routeParams = {
- blockHeight: ':height',
- transactionId: ':transactionId',
- address: ':address',
- alias: ':alias'
-};
-
-const blocks = `/blocks`;
-
-export const routes = {
- root: '/',
- nodes: {
- list: `/nodes`
- },
- peers: {
- list: `/peers`
- },
- blocks: {
- list: blocks,
- one: (height) => `${blocks}/${height}`
- },
- transactions: {
- one: (id) => `/tx/${id}`
- },
- addresses: {
- one: (address) => `/address/${address}`
- },
- aliases: {
- one: (alias) => `/aliases/${alias}`
- }
-};
diff --git a/src/shared/ScriptInfo.js b/src/shared/ScriptInfo.js
deleted file mode 100644
index 7834952..0000000
--- a/src/shared/ScriptInfo.js
+++ /dev/null
@@ -1,21 +0,0 @@
-import React from 'react';
-import PropTypes from 'prop-types';
-
-import EmptyData from './EmptyData';
-
-export default class ScriptInfo extends React.PureComponent {
- static propTypes = {
- script: PropTypes.string
- };
-
- render() {
- const isEmpty = !this.props.script;
- const rowClassName = 'data-container' + (isEmpty ? ' empty' : '');
-
- return (
-
- {isEmpty ?
:
{this.props.script} }
-
- |
-
- |
-
- {transfer.amount.toString()}
- |
-
- );
-};
-
-TransferListItem.propTypes = {
- transfer: PropTypes.shape({
- recipient: PropTypes.string.isRequired,
- amount: PropTypes.number.isRequired
- })
-};
-
-const TransferList = ({transfers}) => {
- return (
-
-
-
- | Recipient |
- Amount |
-
-
-
- {transfers.map((item, index) => {
- return
- })}
-
-
- );
-};
-
-TransferList.propTypes = {
- transfers: PropTypes.arrayOf(TransferListItem.propTypes.transfer)
-};
-
-export default class MassPaymentDetails extends React.PureComponent {
- static propTypes = {
- tx: PropTypes.object.isRequired
- };
-
- render() {
- const {tx} = this.props;
- if (tx.type !== 11)
- return null;
-
- return (
-
-
- Transfers
-
-
-
- );
- }
-}
diff --git a/src/transactions/SingleTransactionPage.js b/src/transactions/SingleTransactionPage.js
deleted file mode 100644
index 55efc8b..0000000
--- a/src/transactions/SingleTransactionPage.js
+++ /dev/null
@@ -1,45 +0,0 @@
-import React from 'react';
-
-import Loader from '../shared/Loader';
-import GoBack from '../shared/GoBack';
-import Headline from '../shared/Headline';
-import Dictionary from '../shared/Dictionary';
-import ServiceFactory from '../services/ServiceFactory';
-
-import transactionToDictionary from './TransactionToDictionaryTransformer';
-import MassPaymentDetails from "./MassPaymentDetails";
-
-export default class SingleTransactionPage extends React.Component {
- state = {
- tx: {
- id: this.props.match.params.transactionId
- }
- };
-
- componentDidUpdate(prevProps) {
- if (this.props.match.params.transactionId !== prevProps.match.params.transactionId) {
- this.fetchData();
- }
- }
-
- fetchData = () => {
- const {transactionId} = this.props.match.params;
- return ServiceFactory.transactionService().loadTransaction(transactionId)
- .then(tx => this.setState({tx}));
- };
-
- render() {
- const transactionItems = transactionToDictionary(this.state.tx);
-
- return (
-
-
-
-
-
-
-
-
- );
- }
-}
diff --git a/src/transactions/TransactionToDictionaryTransformer.js b/src/transactions/TransactionToDictionaryTransformer.js
deleted file mode 100644
index 05c53cd..0000000
--- a/src/transactions/TransactionToDictionaryTransformer.js
+++ /dev/null
@@ -1,300 +0,0 @@
-import React from 'react';
-
-import EndpointRef from '../shared/EndpointRef';
-import CurrencyRef from '../shared/CurrencyRef';
-import TransactionBadge from '../shared/TransactionBadge';
-import TransactionRef from '../shared/TransactionRef';
-import BlockRef from '../shared/BlockRef';
-import Spacer from '../shared/Spacer';
-
-import Description from './Description';
-import ScriptInfo from '../shared/ScriptInfo';
-import DataInfo from '../shared/DataInfo';
-
-const transactionToDictionary = (tx) => {
- switch (tx.type) {
- case 2:
- case 4:
- return transferTransactionToItems(tx);
-
- case 3:
- return issueTransactionToItems(tx);
-
- case 5:
- return reissueTransactionToItems(tx);
-
- case 6:
- return burnTransactionToItems(tx);
-
- case 7:
- return exchangeTransactionToItems(tx);
-
- case 8:
- return leaseTransactionToItems(tx);
-
- case 9:
- return cancelLeaseTransactionItems(tx);
-
- case 10:
- return aliasTransactionToItems(tx);
-
- case 11:
- return massPaymentTransactionToItems(tx);
-
- case 12:
- return dataTransactionToItems(tx);
-
- case 13:
- return scriptTransactionToItems(tx);
-
- case 14:
- return sponsorshipTransactionToItems(tx);
-
- default:
- return [];
- }
-};
-
-const dataTransactionToItems = tx => {
- return [
- ...buildTransactionHeaderItems(tx),
- {
- label: 'Data',
- value:
- },
- buildFeeItem(tx),
- buildSenderItem(tx)
- ];
-};
-
-const scriptTransactionToItems = tx => {
- return [
- ...buildTransactionHeaderItems(tx),
- {
- label: 'Script',
- value:
- },
- buildFeeItem(tx),
- buildSenderItem(tx)
- ];
-};
-
-const sponsorshipTransactionToItems = tx => {
- return [
- ...buildTransactionHeaderItems(tx),
- {
- label: 'Sponsored Fee',
- value: tx.sponsoredFee ? tx.sponsoredFee.toString() : 'Cancelled'
- }, {
- label: 'Transaction Fee',
- value: tx.fee.toString()
- },
- buildSenderItem(tx)
- ];
-};
-
-const aliasTransactionToItems = tx => {
- return [
- ...buildTransactionHeaderItems(tx),
- {
- label: 'Alias',
- value:
- },
- buildFeeItem(tx),
- buildSenderItem(tx)
- ];
-};
-
-const cancelLeaseTransactionItems = tx => {
- return [
- ...buildTransactionHeaderItems(tx),
- {
- label: 'Lease',
- value:
- },
- buildFeeItem(tx),
- buildSenderItem(tx)
- ];
-};
-
-const leaseTransactionToItems = tx => {
- return [
- ...buildTransactionHeaderItems(tx),
- buildAmountItem(tx),
- buildFeeItem(tx),
- buildRecipientItem(tx),
- buildSenderItem(tx),
- {
- label: 'Status',
- value: tx.status
- }
- ];
-};
-
-const reissueTransactionToItems = tx => {
- return [
- ...buildTransactionHeaderItems(tx),
- buildQuantityItem(tx),
- buildReissuableItem(tx),
- buildFeeItem(tx),
- buildSenderItem(tx)
- ];
-};
-
-const issueTransactionToItems = tx => {
- return [
- ...buildTransactionHeaderItems(tx),
- buildQuantityItem(tx),
- {
- label: 'Decimals',
- value: tx.decimals
- },
- buildDescriptionItem(tx),
- buildReissuableItem(tx),
- buildFeeItem(tx),
- buildSenderItem(tx)
- ];
-};
-
-const burnTransactionToItems = tx => {
- return [
- ...buildTransactionHeaderItems(tx),
- buildAmountItem(tx),
- buildFeeItem(tx)
- ];
-};
-
-const transferTransactionToItems = tx => {
- return [
- ...buildTransactionHeaderItems(tx),
- buildRecipientItem(tx),
- buildAmountItem(tx),
- buildFeeItem(tx),
- buildAttachmentItem(tx),
- buildSenderItem(tx)
- ];
-};
-
-const exchangeTransactionToItems = tx => {
- const assetPair = tx.buyOrder.assetPair;
-
- const items = [{
- label: 'Price',
- value: tx.price.toString()
- }, {
- label: 'Total',
- value: tx.total.toString()
- }];
-
- return [
- ...buildTransactionHeaderItems(tx),
- buildFeeItem(tx),
- buildAmountItem(tx),
- ...items,
- buildSenderItem(tx),
- buildRecipientItem(tx),
- {
- label: 'Pair',
- value: /
- },
- ...buildOrderItems(tx.buyOrder),
- ...buildOrderItems(tx.sellOrder)
- ];
-};
-
-const massPaymentTransactionToItems = tx => {
- const items = [{
- label: 'Total amount',
- value: tx.totalAmount.toString()
- }, {
- label: 'Transfers count',
- value: tx.transferCount,
- }];
-
- return [
- ...buildTransactionHeaderItems(tx),
- ...items,
- buildAttachmentItem(tx),
- buildFeeItem(tx),
- buildSenderItem(tx)
- ];
-};
-
-const buildOrderItems = order => {
- return [{
- label: 'Order Id',
- value: order.id
- }, {
- label: 'Order Type',
- value: order.orderType
- },
- buildSenderItem(order),
- buildAmountItem(order),
- {
- label: 'Price',
- value: order.price.toString()
- },
- buildTimestampItem(order.timestamp)
- ];
-};
-
-const buildDescriptionItem = tx => ({
- label: 'Description',
- value:
-});
-
-const buildAttachmentItem = tx => ({
- label: 'Attachment',
- value:
-});
-
-const buildTimestampItem = timestamp => ({
- label: 'Timestamp',
- value: timestamp.toLongString(),
-});
-
-const buildTransactionHeaderItems = tx => {
- return [{
- label: 'Type',
- value: {tx.type}
- }, buildTimestampItem(tx.timestamp), {
- label: 'Block',
- value:
- }];
-};
-
-const buildQuantityItem = tx => ({
- label: 'Quantity',
- value: tx.amount.toString()
-});
-
-const buildReissuableItem = tx => ({
- label: 'Reissuable',
- value: (!!tx.reissuable).toString()
-});
-
-const buildRecipientItem = tx => ({
- label: 'Recipient',
- value:
-});
-
-const buildSenderItem = tx => ({
- label: 'Sender',
- value:
-});
-
-const buildFeeItem = tx => ({
- label: 'Fee',
- value: setAcryl(tx.fee.toString())
-});
-
-const buildAmountItem = tx => ({
- label: 'Amount',
- value: setAcryl(tx.amount.toString())
-});
-
-const setAcryl = str => {
- return str.includes('WAVES') ? str.replace('WAVES', 'ACRYL') : str;
-}
-
-export default transactionToDictionary;