diff options
author | Whymarrh Whitby <whymarrh.whitby@gmail.com> | 2019-02-21 20:24:32 +0800 |
---|---|---|
committer | GitHub <noreply@github.com> | 2019-02-21 20:24:32 +0800 |
commit | 65bfdeedc77e51dea28ef643b5ea9d50a8569c81 (patch) | |
tree | 91859eabd9280c19131a403e35a9bc5262a6e402 /old-ui/app/components/editable-label.js | |
parent | c6e84ccf458061a6b64e6a15512b008e8d0166ea (diff) | |
parent | 38bb1d39792d8e4c238f7528990d725527379550 (diff) | |
download | tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar.gz tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar.bz2 tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar.lz tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar.xz tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.tar.zst tangerine-wallet-browser-65bfdeedc77e51dea28ef643b5ea9d50a8569c81.zip |
Merge pull request #6166 from whymarrh/bye-bye-old-ui
Delete the old UI
Diffstat (limited to 'old-ui/app/components/editable-label.js')
-rw-r--r-- | old-ui/app/components/editable-label.js | 57 |
1 files changed, 0 insertions, 57 deletions
diff --git a/old-ui/app/components/editable-label.js b/old-ui/app/components/editable-label.js deleted file mode 100644 index 8a5c8954f..000000000 --- a/old-ui/app/components/editable-label.js +++ /dev/null @@ -1,57 +0,0 @@ -const Component = require('react').Component -const h = require('react-hyperscript') -const inherits = require('util').inherits -const findDOMNode = require('react-dom').findDOMNode - -module.exports = EditableLabel - -inherits(EditableLabel, Component) -function EditableLabel () { - Component.call(this) -} - -EditableLabel.prototype.render = function () { - const props = this.props - const state = this.state - - if (state && state.isEditingLabel) { - return h('div.editable-label', [ - h('input.sizing-input', { - defaultValue: props.textValue, - maxLength: '20', - onKeyPress: (event) => { - this.saveIfEnter(event) - }, - }), - h('button.editable-button', { - onClick: () => this.saveText(), - }, 'Save'), - ]) - } else { - return h('div.name-label', { - onClick: (event) => { - const nameAttribute = event.target.getAttribute('name') - // checks for class to handle smaller CTA above the account name - const classAttribute = event.target.getAttribute('class') - if (nameAttribute === 'edit' || classAttribute === 'edit-text') { - this.setState({ isEditingLabel: true }) - } - }, - }, this.props.children) - } -} - -EditableLabel.prototype.saveIfEnter = function (event) { - if (event.key === 'Enter') { - this.saveText() - } -} - -EditableLabel.prototype.saveText = function () { - // eslint-disable-next-line react/no-find-dom-node - var container = findDOMNode(this) - var text = container.querySelector('.editable-label input').value - var truncatedText = text.substring(0, 20) - this.props.saveText(truncatedText) - this.setState({ isEditingLabel: false, textLabel: truncatedText }) -} |