From 8669d5bb586b3639efd8882a653d0f61280fac35 Mon Sep 17 00:00:00 2001
From: enahum <nahumhbl@gmail.com>
Date: Wed, 31 May 2017 12:02:47 -0400
Subject: [PATCH] RN-151 tap on unread post above (#591)

---
 .../channel_drawer_list.js                    |  1 +
 .../channel_drawer_list/unread_indicator.js   | 20 +++++++++++++------
 2 files changed, 15 insertions(+), 6 deletions(-)

diff --git a/app/components/channel_drawer_list/channel_drawer_list.js b/app/components/channel_drawer_list/channel_drawer_list.js
index e8108231a..c035f913c 100644
--- a/app/components/channel_drawer_list/channel_drawer_list.js
+++ b/app/components/channel_drawer_list/channel_drawer_list.js
@@ -408,6 +408,7 @@ class ChannelDrawerList extends Component {
             above = (
                 <UnreadIndicator
                     style={[styles.above, {width: (this.width - 40)}]}
+                    onPress={() => this.refs.list.scrollToOffset({x: 0, y: 0, animated: true})}
                     text={(
                         <FormattedText
                             style={styles.indicatorText}
diff --git a/app/components/channel_drawer_list/unread_indicator.js b/app/components/channel_drawer_list/unread_indicator.js
index 9f8207e64..7fccee0a1 100644
--- a/app/components/channel_drawer_list/unread_indicator.js
+++ b/app/components/channel_drawer_list/unread_indicator.js
@@ -6,6 +6,7 @@ import PropTypes from 'prop-types';
 import {
     StyleSheet,
     Text,
+    TouchableWithoutFeedback,
     View,
     ViewPropTypes
 } from 'react-native';
@@ -14,16 +15,23 @@ export default class UnreadIndicator extends PureComponent {
     static propTypes = {
         style: ViewPropTypes.style,
         textStyle: Text.propTypes.style,
-        text: PropTypes.node.isRequired
+        text: PropTypes.node.isRequired,
+        onPress: PropTypes.func
+    };
+
+    static defaultProps = {
+        onPress: () => true
     };
 
     render() {
         return (
-            <View
-                style={[Styles.container, this.props.style]}
-            >
-                {this.props.text}
-            </View>
+            <TouchableWithoutFeedback onPress={this.props.onPress}>
+                <View
+                    style={[Styles.container, this.props.style]}
+                >
+                    {this.props.text}
+                </View>
+            </TouchableWithoutFeedback>
         );
     }
 }