Add descriptions to icons

This commit is contained in:
maciejhirsz
2018-07-02 16:40:09 +02:00
parent 1eea35b7ce
commit 0330e0dfae
3 changed files with 11 additions and 10 deletions
+8 -8
View File
@@ -8,7 +8,7 @@ import { formatNumber } from './utils';
import './App.css';
import nodeIcon from './icons/broadcast.svg';
import nodeTypeIcon from './icons/device-desktop.svg';
import nodeTypeIcon from './icons/terminal.svg';
import peersIcon from './icons/organization.svg';
import transactionsIcon from './icons/inbox.svg';
import blockIcon from './icons/package.svg';
@@ -30,17 +30,17 @@ export default class App extends React.Component<{}, State> {
return (
<div className="App">
<div className="App-header">
<Icon src={blockIcon} /> #{formatNumber(this.state.best)}
<Icon src={blockIcon} alt="Best Block" /> #{formatNumber(this.state.best)}
</div>
<table className="App-list">
<thead>
<tr>
<th><Icon src={nodeIcon} /> Node</th>
<th><Icon src={nodeTypeIcon} /> Type</th>
<th><Icon src={peersIcon} /></th>
<th><Icon src={transactionsIcon} /></th>
<th><Icon src={blockIcon} /> Last Block</th>
<th><Icon src={blockTimeIcon} /></th>
<th><Icon src={nodeIcon} alt="Node Name" /></th>
<th><Icon src={nodeTypeIcon} alt="Node Type" /></th>
<th><Icon src={peersIcon} alt="Peer Count" /></th>
<th><Icon src={transactionsIcon} alt="Transactions in Queue" /></th>
<th><Icon src={blockIcon} alt="Best Block" /></th>
<th><Icon src={blockTimeIcon} alt="Block Time" /></th>
</tr>
</thead>
<tbody>