Commit c0ca4874 authored by zeroleak's avatar zeroleak
Browse files

cleanup UtxosTable, hide utxo path

parent 89fe7832
......@@ -19,10 +19,6 @@ th.address {
width: 100px;
}
th.path {
width: 60px;
}
th.account {
width: 70px;
}
......
......@@ -20,7 +20,7 @@ class UtxoPoolSelector extends React.PureComponent {
}
computePoolLabel(poolId) {
return poolId ? poolId : 'no pool'
return poolId ? poolId : 'none'
}
render () {
......@@ -29,7 +29,11 @@ class UtxoPoolSelector extends React.PureComponent {
const activeLabel = this.computePoolLabel(utxo.poolId)
if (pools.length < 2 && (!this.props.noPool || !utxo.poolId)) {
// single choice available
return <span>{this.computePoolLabel(utxo.poolId ? utxo.poolId : undefined)}</span>
if (!utxo.poolId) {
// no pool
return <span className='text-muted'>-</span>
}
return <span>{activeLabel}</span>
}
return (
<DropdownButton size='sm' variant="default" title={activeLabel} className='utxoPoolSelector'>
......
......@@ -13,6 +13,8 @@ import LinkExternal from '../Utils/LinkExternal';
import UtxoMixsTargetSelector from './UtxoMixsTargetSelector';
import UtxoPoolSelector from './UtxoPoolSelector';
import modalService from '../../services/modalService';
import * as Icons from '@fortawesome/free-solid-svg-icons';
import { FontAwesomeIcon } from '@fortawesome/react-fontawesome';
const UtxoControls = React.memo(({ utxo }) => {
return (
......@@ -89,11 +91,6 @@ const UtxosTable = ({ controls, account, utxos }) => {
Address {renderSort('address')}
</a>
</th>
<th scope="col" className='path'>
<a onClick={() => handleSetSort('path')}>
Path {renderSort('path')}
</a>
</th>
<th scope="col" className='confirmations'>
<a onClick={() => handleSetSort('confirmations')}>
Confs {renderSort('confirmations')}
......@@ -154,7 +151,7 @@ const UtxosTable = ({ controls, account, utxos }) => {
</td>
<td>
<small>
<span title={utxo.address}>
<span title={utxo.address+'\n('+utxo.path+')'}>
<LinkExternal href={utils.linkExplorerAddress(utxo)}>
{utils.shorten(utxo.address)}
</LinkExternal>
......@@ -168,16 +165,12 @@ const UtxosTable = ({ controls, account, utxos }) => {
</span>
</small>
</td>
<td>
<small className='text-muted'>{utxo.path}</small>
</td>
<td>
<small>{utxo.confirmations > 0 ? (
<span title="confirmations" className='text-muted'>{utxo.confirmations}</span>
<td className='text-muted'>
{utxo.confirmations > 0 ? (
<small title="confirmations">{utxo.confirmations}</small>
) : (
<strong>unconfirmed</strong>
<FontAwesomeIcon icon={Icons.faClock} size='xs' title='Unconfirmed'/>
)}
</small>
</td>
<td>{utils.toBtc(utxo.value)}</td>
<td>
......
......@@ -158,6 +158,10 @@ code {
padding: 0 0.4em;
}
.table-utxos .dropdown .btn {
padding:0;
}
/* login */
.form-signin {
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment