diff options
Diffstat (limited to 'webapp/components/post_view/scroll_to_bottom_arrows.jsx')
-rw-r--r-- | webapp/components/post_view/scroll_to_bottom_arrows.jsx | 37 |
1 files changed, 37 insertions, 0 deletions
diff --git a/webapp/components/post_view/scroll_to_bottom_arrows.jsx b/webapp/components/post_view/scroll_to_bottom_arrows.jsx new file mode 100644 index 000000000..73f8e6527 --- /dev/null +++ b/webapp/components/post_view/scroll_to_bottom_arrows.jsx @@ -0,0 +1,37 @@ +// Copyright (c) 2016-present Mattermost, Inc. All Rights Reserved. +// See License.txt for license information. + +import $ from 'jquery'; + +import Constants from 'utils/constants.jsx'; + +import PropTypes from 'prop-types'; + +import React from 'react'; + +export default function ScrollToBottomArrows(props) { + // only show on mobile + if ($(window).width() > 768) { + return <noscript/>; + } + + let className = 'post-list__arrows'; + if (props.isScrolling && !props.atBottom) { + className += ' scrolling'; + } + + return ( + <div + className={className} + onClick={props.onClick} + > + <span dangerouslySetInnerHTML={{__html: Constants.SCROLL_BOTTOM_ICON}}/> + </div> + ); +} + +ScrollToBottomArrows.propTypes = { + isScrolling: PropTypes.bool.isRequired, + atBottom: PropTypes.bool.isRequired, + onClick: PropTypes.func.isRequired +}; |