diff options
author | Dan Finlay <dan@danfinlay.com> | 2017-07-04 07:09:17 +0800 |
---|---|---|
committer | Dan Finlay <dan@danfinlay.com> | 2017-07-04 07:16:53 +0800 |
commit | e285f2cae958437160f86171f1fccfec66799883 (patch) | |
tree | 49cf0e2d1805d0c36d53ae6920d63f614da1e9ad /ui/responsive/app/components/binary-renderer.js | |
parent | 5eb3d5d485b17b98b19443d8def2f03dec9b38ef (diff) | |
download | tangerine-wallet-browser-e285f2cae958437160f86171f1fccfec66799883.tar.gz tangerine-wallet-browser-e285f2cae958437160f86171f1fccfec66799883.tar.zst tangerine-wallet-browser-e285f2cae958437160f86171f1fccfec66799883.zip |
Get duplicate UI template working
Diffstat (limited to 'ui/responsive/app/components/binary-renderer.js')
-rw-r--r-- | ui/responsive/app/components/binary-renderer.js | 46 |
1 files changed, 46 insertions, 0 deletions
diff --git a/ui/responsive/app/components/binary-renderer.js b/ui/responsive/app/components/binary-renderer.js new file mode 100644 index 000000000..0b6a1f5c2 --- /dev/null +++ b/ui/responsive/app/components/binary-renderer.js @@ -0,0 +1,46 @@ +const Component = require('react').Component +const h = require('react-hyperscript') +const inherits = require('util').inherits +const ethUtil = require('ethereumjs-util') +const extend = require('xtend') + +module.exports = BinaryRenderer + +inherits(BinaryRenderer, Component) +function BinaryRenderer () { + Component.call(this) +} + +BinaryRenderer.prototype.render = function () { + const props = this.props + const { value, style } = props + const text = this.hexToText(value) + + const defaultStyle = extend({ + width: '315px', + maxHeight: '210px', + resize: 'none', + border: 'none', + background: 'white', + padding: '3px', + }, style) + + return ( + h('textarea.font-small', { + readOnly: true, + style: defaultStyle, + defaultValue: text, + }) + ) +} + +BinaryRenderer.prototype.hexToText = function (hex) { + try { + const stripped = ethUtil.stripHexPrefix(hex) + const buff = Buffer.from(stripped, 'hex') + return buff.toString('utf8') + } catch (e) { + return hex + } +} + |