From 54d7fbdc5a45cf0920a926b62c440610e8f6c80d Mon Sep 17 00:00:00 2001 From: Sean King Date: Sun, 12 Jul 2020 16:39:18 -0600 Subject: [PATCH] Remove top navbar's auto-hide --- .../features/ui/components/tabs_bar.js | 45 ------------------- 1 file changed, 45 deletions(-) diff --git a/app/soapbox/features/ui/components/tabs_bar.js b/app/soapbox/features/ui/components/tabs_bar.js index a2c6375bb..0801bb7bd 100644 --- a/app/soapbox/features/ui/components/tabs_bar.js +++ b/app/soapbox/features/ui/components/tabs_bar.js @@ -3,7 +3,6 @@ import PropTypes from 'prop-types'; import ImmutablePropTypes from 'react-immutable-proptypes'; import { Link, NavLink, withRouter } from 'react-router-dom'; import { FormattedMessage, injectIntl, defineMessages } from 'react-intl'; -import { throttle } from 'lodash'; import { connect } from 'react-redux'; import classNames from 'classnames'; import NotificationsCounterIcon from './notifications_counter_icon'; @@ -43,33 +42,10 @@ class TabsBar extends React.PureComponent { router: PropTypes.object, } - lastScrollTop = 0; - - componentDidMount() { - this.window = window; - this.documentElement = document.scrollingElement || document.documentElement; - - this.attachScrollListener(); - // Handle initial scroll posiiton - this.handleScroll(); - } - - componentWillUnmount() { - this.detachScrollListener(); - } - setRef = ref => { this.node = ref; } - attachScrollListener() { - this.window.addEventListener('scroll', this.handleScroll); - } - - detachScrollListener() { - this.window.removeEventListener('scroll', this.handleScroll); - } - getNavLinks() { const { intl: { formatMessage }, logo, account } = this.props; let links = []; @@ -117,27 +93,6 @@ class TabsBar extends React.PureComponent { this.props.toggleTheme(this.getNewThemeValue()); } - handleScroll = throttle(() => { - if (this.window) { - const { pageYOffset, innerWidth } = this.window; - if (innerWidth > 895) return; - const { scrollTop } = this.documentElement; - - let st = pageYOffset || scrollTop; - if (st > this.lastScrollTop){ - let offset = st - this.lastScrollTop; - if (offset > 50) this.setState({ collapsed: true }); - } else { - let offset = this.lastScrollTop - st; - if (offset > 50) this.setState({ collapsed: false }); - } - - this.lastScrollTop = st <= 0 ? 0 : st; - } - }, 150, { - trailing: true, - }); - render() { const { account, onOpenCompose, onOpenSidebar, intl, themeMode } = this.props; const { collapsed } = this.state;