diff options
author | kibigo! <marrus-sh@users.noreply.github.com> | 2017-12-03 23:26:40 -0800 |
---|---|---|
committer | kibigo! <marrus-sh@users.noreply.github.com> | 2017-12-03 23:26:40 -0800 |
commit | bc4fa6b198557a7f3989eb0865e2c77ac7451d29 (patch) | |
tree | a18543e1e0555e88b97cad60adc6d2abe0bffb00 /app/javascript/themes/glitch/components/column.js | |
parent | d216547382cf1f3419de31e1ee06272e816ea339 (diff) |
Rename themes -> flavours ? ?
Diffstat (limited to 'app/javascript/themes/glitch/components/column.js')
-rw-r--r-- | app/javascript/themes/glitch/components/column.js | 54 |
1 files changed, 0 insertions, 54 deletions
diff --git a/app/javascript/themes/glitch/components/column.js b/app/javascript/themes/glitch/components/column.js deleted file mode 100644 index adeba9cc1..000000000 --- a/app/javascript/themes/glitch/components/column.js +++ /dev/null @@ -1,54 +0,0 @@ -import React from 'react'; -import PropTypes from 'prop-types'; -import detectPassiveEvents from 'detect-passive-events'; -import { scrollTop } from 'themes/glitch/util/scroll'; - -export default class Column extends React.PureComponent { - - static propTypes = { - children: PropTypes.node, - extraClasses: PropTypes.string, - name: PropTypes.string, - }; - - scrollTop () { - const scrollable = this.node.querySelector('.scrollable'); - - if (!scrollable) { - return; - } - - this._interruptScrollAnimation = scrollTop(scrollable); - } - - handleWheel = () => { - if (typeof this._interruptScrollAnimation !== 'function') { - return; - } - - this._interruptScrollAnimation(); - } - - setRef = c => { - this.node = c; - } - - componentDidMount () { - this.node.addEventListener('wheel', this.handleWheel, detectPassiveEvents.hasSupport ? { passive: true } : false); - } - - componentWillUnmount () { - this.node.removeEventListener('wheel', this.handleWheel); - } - - render () { - const { children, extraClasses, name } = this.props; - - return ( - <div role='region' data-column={name} className={`column ${extraClasses || ''}`} ref={this.setRef}> - {children} - </div> - ); - } - -} |