From bf427c700e925a1a281b983281b5d5ef883289d2 Mon Sep 17 00:00:00 2001
From: Elias Nahum <nahumhbl@gmail.com>
Date: Fri, 3 Jun 2022 12:17:27 -0400
Subject: [PATCH] use TouchableOpacity instead of TouchableWithoutFeedback for
 the unread filter

---
 .../__snapshots__/index.test.tsx.snap         | 43 +++++++++++--------
 .../subheader/unread_filter/unread_filter.tsx |  6 +--
 2 files changed, 29 insertions(+), 20 deletions(-)

diff --git a/app/screens/home/channel_list/categories_list/__snapshots__/index.test.tsx.snap b/app/screens/home/channel_list/categories_list/__snapshots__/index.test.tsx.snap
index a743707382..d08747cbcb 100644
--- a/app/screens/home/channel_list/categories_list/__snapshots__/index.test.tsx.snap
+++ b/app/screens/home/channel_list/categories_list/__snapshots__/index.test.tsx.snap
@@ -442,6 +442,7 @@ exports[`components/categories_list should render team error 1`] = `
     >
       <View
         accessible={true}
+        collapsable={false}
         focusable={true}
         onClick={[Function]}
         onResponderGrant={[Function]}
@@ -451,25 +452,33 @@ exports[`components/categories_list should render team error 1`] = `
         onResponderTerminationRequest={[Function]}
         onStartShouldSetResponder={[Function]}
         style={
-          Array [
-            Object {
-              "alignItems": "center",
-              "backgroundColor": "rgba(255,255,255,0.12)",
-              "borderRadius": 8,
-              "height": 40,
-              "justifyContent": "center",
-              "marginVertical": 20,
-              "width": 40,
-            },
-            false,
-          ]
+          Object {
+            "opacity": 1,
+          }
         }
       >
-        <Icon
-          color="rgba(255,255,255,0.56)"
-          name="filter-variant"
-          size={24}
-        />
+        <View
+          style={
+            Array [
+              Object {
+                "alignItems": "center",
+                "backgroundColor": "rgba(255,255,255,0.12)",
+                "borderRadius": 8,
+                "height": 40,
+                "justifyContent": "center",
+                "marginVertical": 20,
+                "width": 40,
+              },
+              false,
+            ]
+          }
+        >
+          <Icon
+            color="rgba(255,255,255,0.56)"
+            name="filter-variant"
+            size={24}
+          />
+        </View>
       </View>
     </View>
     <View
diff --git a/app/screens/home/channel_list/categories_list/subheader/unread_filter/unread_filter.tsx b/app/screens/home/channel_list/categories_list/subheader/unread_filter/unread_filter.tsx
index c7ccd5512e..9e52eb4bdb 100644
--- a/app/screens/home/channel_list/categories_list/subheader/unread_filter/unread_filter.tsx
+++ b/app/screens/home/channel_list/categories_list/subheader/unread_filter/unread_filter.tsx
@@ -2,7 +2,7 @@
 // See LICENSE.txt for license information.
 
 import React from 'react';
-import {TouchableWithoutFeedback, View} from 'react-native';
+import {TouchableOpacity, View} from 'react-native';
 
 import {showUnreadChannelsOnly} from '@actions/local/channel';
 import CompassIcon from '@components/compass_icon';
@@ -39,7 +39,7 @@ const UnreadFilter = ({onlyUnreads}: Props) => {
     };
 
     return (
-        <TouchableWithoutFeedback onPress={onPress}>
+        <TouchableOpacity onPress={onPress}>
             <View style={[styles.container, onlyUnreads && styles.filtered]}>
                 <CompassIcon
                     color={changeOpacity(onlyUnreads ? theme.sidebarBg : theme.sidebarText, 0.56)}
@@ -47,7 +47,7 @@ const UnreadFilter = ({onlyUnreads}: Props) => {
                     size={24}
                 />
             </View>
-        </TouchableWithoutFeedback>
+        </TouchableOpacity>
     );
 };