b11a6981a2
* ui-react-app -> ui-app
* CopyButton, Input & Password components
* Convert all to use ui-app/{Input, Label}
* Change to PureComponent where we have onChange listeners
* Cleanup layouts
* Swap dropdown components, remove uselexx constructors
* Allow address/account forget
* Bump
* Searching with headers operational
* flex grow/shrink for icon + account add
* Fix balance & transaction display (account/address management)
* Adjust balance layout
* Equalise padding
69 lines
1.8 KiB
JavaScript
69 lines
1.8 KiB
JavaScript
// Copyright 2017-2018 Jaco Greeff
|
|
// This software may be modified and distributed under the terms
|
|
// of the ISC license. See the LICENSE file for details.
|
|
// @flow
|
|
|
|
import type { Param$Type, Param$TypeArray } from '@polkadot/primitives/param';
|
|
|
|
import React from 'react';
|
|
|
|
// import IdentityIcon from '@polkadot/ui-react/IdentityIcon';
|
|
import addressEncode from '@polkadot/util-keyring/address/encode';
|
|
import u8aToBn from '@polkadot/util/u8a/toBn';
|
|
import u8aToHexShort from '@polkadot/util/u8a/toHexShort';
|
|
import isU8a from '@polkadot/util/is/u8a';
|
|
|
|
// flowlint-next-line unclear-type:off
|
|
export default function format (type: Param$Type | Param$TypeArray, value?: any, fontSize?: number = 14): any {
|
|
if (type === 'bool') {
|
|
return (
|
|
<span>{value
|
|
? 'Yes'
|
|
: 'No'
|
|
}</span>
|
|
);
|
|
}
|
|
|
|
if (!value) {
|
|
return (
|
|
<span>unknown</span>
|
|
);
|
|
}
|
|
|
|
// FIXME: this is a hack, but just to get it going, we should be going through and decoding arrays properly
|
|
if (Array.isArray(type)) {
|
|
const u8a = (value: Uint8Array);
|
|
const length = u8aToBn(u8a.slice(0, 4), true).toNumber();
|
|
const result = [];
|
|
let offset = 4;
|
|
|
|
// FIXME: 32? Only for Hash & AccountId ...
|
|
for (let i = 0; i < length; i++, offset += 32) {
|
|
result.push(format(type[0], u8a.slice(offset, offset + 32), fontSize));
|
|
}
|
|
|
|
return result;
|
|
}
|
|
|
|
if (type === 'AccountId') {
|
|
const address = addressEncode((value: Uint8Array));
|
|
|
|
// const size = Math.floor(fontSize + (fontSize / 14) * 18);
|
|
// <IdentityIcon size={size} value={address} />
|
|
|
|
return (
|
|
<span>{address}</span>
|
|
);
|
|
}
|
|
|
|
if (isU8a(value)) {
|
|
return (
|
|
<span>{u8aToHexShort((value: Uint8Array), 256)}</span>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<span>{value.toString()}</span>
|
|
);
|
|
}
|