diff options
author | Whymarrh Whitby <whymarrh.whitby@gmail.com> | 2019-02-15 05:03:21 +0800 |
---|---|---|
committer | Whymarrh Whitby <whymarrh.whitby@gmail.com> | 2019-02-21 01:48:46 +0800 |
commit | 3c73781787f7aab6cdba0b738e4844a26aab5d8e (patch) | |
tree | 5a98f0acdcda6d3dd1a8368be6bb0ddf77c8fa6a /old-ui/app/components/mascot.js | |
parent | 41f89ac7edf994f3d15d32d3d82d8d2b03dec481 (diff) | |
download | tangerine-wallet-browser-3c73781787f7aab6cdba0b738e4844a26aab5d8e.tar tangerine-wallet-browser-3c73781787f7aab6cdba0b738e4844a26aab5d8e.tar.gz tangerine-wallet-browser-3c73781787f7aab6cdba0b738e4844a26aab5d8e.tar.bz2 tangerine-wallet-browser-3c73781787f7aab6cdba0b738e4844a26aab5d8e.tar.lz tangerine-wallet-browser-3c73781787f7aab6cdba0b738e4844a26aab5d8e.tar.xz tangerine-wallet-browser-3c73781787f7aab6cdba0b738e4844a26aab5d8e.tar.zst tangerine-wallet-browser-3c73781787f7aab6cdba0b738e4844a26aab5d8e.zip |
Delete old-ui folder
Diffstat (limited to 'old-ui/app/components/mascot.js')
-rw-r--r-- | old-ui/app/components/mascot.js | 59 |
1 files changed, 0 insertions, 59 deletions
diff --git a/old-ui/app/components/mascot.js b/old-ui/app/components/mascot.js deleted file mode 100644 index 973ec2cad..000000000 --- a/old-ui/app/components/mascot.js +++ /dev/null @@ -1,59 +0,0 @@ -const inherits = require('util').inherits -const Component = require('react').Component -const h = require('react-hyperscript') -const metamaskLogo = require('metamask-logo') -const debounce = require('debounce') - -module.exports = Mascot - -inherits(Mascot, Component) -function Mascot () { - Component.call(this) - this.logo = metamaskLogo({ - followMouse: true, - pxNotRatio: true, - width: 200, - height: 200, - }) - - this.refollowMouse = debounce(this.logo.setFollowMouse.bind(this.logo, true), 1000) - this.unfollowMouse = this.logo.setFollowMouse.bind(this.logo, false) -} - -Mascot.prototype.render = function () { - // this is a bit hacky - // the event emitter is on `this.props` - // and we dont get that until render - this.handleAnimationEvents() - - return h('#metamask-mascot-container', { - style: { zIndex: 0 }, - }) -} - -Mascot.prototype.componentDidMount = function () { - var targetDivId = 'metamask-mascot-container' - var container = document.getElementById(targetDivId) - container.appendChild(this.logo.container) -} - -Mascot.prototype.componentWillUnmount = function () { - this.animations = this.props.animationEventEmitter - this.animations.removeAllListeners() - this.logo.container.remove() - this.logo.stopAnimation() -} - -Mascot.prototype.handleAnimationEvents = function () { - // only setup listeners once - if (this.animations) return - this.animations = this.props.animationEventEmitter - this.animations.on('point', this.lookAt.bind(this)) - this.animations.on('setFollowMouse', this.logo.setFollowMouse.bind(this.logo)) -} - -Mascot.prototype.lookAt = function (target) { - this.unfollowMouse() - this.logo.lookAt(target) - this.refollowMouse() -} |