Tokens.js 1.6 KiB
Newer Older
Amaury Martiny's avatar
Amaury Martiny committed
// Copyright 2015-2018 Parity Technologies (UK) Ltd.
// This file is part of Parity.
Amaury Martiny's avatar
Amaury Martiny committed
//
Amaury Martiny's avatar
Amaury Martiny committed
// SPDX-License-Identifier: MIT
import React, { Component } from 'react';
Amaury Martiny's avatar
Amaury Martiny committed
import { inject, observer } from 'mobx-react';
import { Redirect, Link } from 'react-router-dom';
import Health from '../Health';
Amaury Martiny's avatar
Amaury Martiny committed
import EthBalance from './EthBalance';
import TokenBalance from './TokenBalance';
Amaury Martiny's avatar
Amaury Martiny committed
@inject('parityStore', 'tokensStore')
Amaury Martiny's avatar
Amaury Martiny committed
@observer
class Tokens extends Component {
Amaury Martiny's avatar
Amaury Martiny committed
    const {
Amaury Martiny's avatar
Amaury Martiny committed
      parityStore: { isApiConnected },
Amaury Martiny's avatar
Amaury Martiny committed
      tokensStore: { tokens }
    } = this.props;

Amaury Martiny's avatar
Amaury Martiny committed
    if (!isApiConnected) {
      return <Redirect to='/loading' />;
    return (
      <div>
        <nav className='header-nav'>
          <Link to='/tokens'>test</Link>
        </nav>

        <div className='window_content'>
          <div className='box -scroller'>
            <ul className='list -padded'>
              {Array.from(tokens.keys()).map(key => (
                <li key={key}>
                  {key === 'ETH' ? (
                    <EthBalance token={key} {...tokens.get(key)} />
                  ) : (
                    <TokenBalance token={key} {...tokens.get(key)} />
                  )}
                </li>
              ))}
            </ul>
          </div>
        </div>

        <nav className='footer-nav'>
          <div className='footer-nav_status'>
            <Health />
          </div>
          <div className='footer-nav_icons'>
            <Link to='/settings' className='icon -settings'>
              Settings
            </Link>
          </div>
        </nav>
Amaury Martiny's avatar
Amaury Martiny committed
export default Tokens;