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
+};