toki/mattermost-mobile
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Fix Find channels not being interactable (#8794) (#8818)

Browse source 
* Fix Find channels not being interactable

* fix(e2e): Uncomment find channel tests

* Fix tsc

* Use platform select

---------


(cherry picked from commit f963855875)

Co-authored-by: Daniel Espino García <larkox@gmail.com>
Co-authored-by: yasserfaraazkhan <attitude3cena.yf@gmail.com>
This commit is contained in:
Mattermost Build 2025-04-29 16:49:03 +03:00 committed by GitHub
parent 381c713035
commit c771b301f6
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
6 changed files with 14 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

7
app/components/chips/base_chip.tsx
View file

@ -2,7 +2,7 @@
// See LICENSE.txt for license information.
import React from 'react';
import {Text, TouchableOpacity, useWindowDimensions} from 'react-native';
import {Platform, Text, TouchableOpacity, useWindowDimensions} from 'react-native';
import Animated, {FadeIn, FadeOut} from 'react-native-reanimated';
import CompassIcon from '@components/compass_icon';
@ -103,10 +103,13 @@ export default function BaseChip({
</TouchableOpacity>
);
}
// https://mattermost.atlassian.net/browse/MM-63814?focusedCommentId=178584
const useFadeOut = showAnimation && Platform.OS !== 'android';
return (
<Animated.View
entering={showAnimation ? FadeIn.duration(FADE_DURATION) : undefined}
exiting={showAnimation ? FadeOut.duration(FADE_DURATION) : undefined}
exiting={useFadeOut ? FadeOut.duration(FADE_DURATION) : undefined}
style={style.container}
testID={testID}
>

2
app/screens/emoji_picker/picker/header/skintone_selector/skintone_selector.tsx
View file

@ -145,7 +145,7 @@ const SkinToneSelector = ({skinTone = 'default', containerWidth, isSearching, tu
>
<Animated.View
style={widthAnimatedStyle}
exiting={FadeOut}
exiting={Platform.OS === 'android' ? undefined : FadeOut /* https://mattermost.atlassian.net/browse/MM-63814?focusedCommentId=178584 */}
entering={FadeIn}
>
<Animated.View style={[styles.container, opacityStyle]}>

4
app/screens/find_channels/filtered_list/filtered_list.tsx
View file

@ -4,7 +4,7 @@
import {debounce, type DebouncedFunc} from 'lodash';
import React, {useCallback, useEffect, useMemo, useRef, useState} from 'react';
import {useIntl} from 'react-intl';
import {Alert, FlatList, type ListRenderItemInfo, StyleSheet, View} from 'react-native';
import {Alert, FlatList, type ListRenderItemInfo, Platform, StyleSheet, View} from 'react-native';
import Animated, {FadeInDown, FadeOutUp} from 'react-native-reanimated';
import {switchToGlobalThreads} from '@actions/local/thread';
@ -336,7 +336,7 @@ const FilteredList = ({
return (
<Animated.View
entering={FadeInDown.duration(100)}
exiting={FadeOutUp.duration(100)}
exiting={Platform.select({ios: FadeOutUp.duration(100)}) /* https://mattermost.atlassian.net/browse/MM-63814?focusedCommentId=178584 */}
style={style.flex}
>
<FlatList

4
app/screens/find_channels/quick_options/quick_options.tsx
View file

@ -3,7 +3,7 @@
import React, {useCallback} from 'react';
import {useIntl} from 'react-intl';
import {StyleSheet, View} from 'react-native';
import {Platform, StyleSheet, View} from 'react-native';
import Animated, {FadeInDown, FadeOutUp} from 'react-native-reanimated';
import CompassIcon from '@components/compass_icon';
@ -66,7 +66,7 @@ const QuickOptions = ({canCreateChannels, canJoinChannels, close}: Props) => {
return (
<Animated.View
entering={FadeInDown.duration(200)}
exiting={FadeOutUp.duration(100)}
exiting={Platform.select({ios: FadeOutUp.duration(100)}) /* https://mattermost.atlassian.net/browse/MM-63814?focusedCommentId=178584 */}
style={styles.container}
>
<Animated.View style={styles.wrapper}>

4
app/screens/find_channels/unfiltered_list/unfiltered_list.tsx
View file

@ -3,7 +3,7 @@
import React, {useCallback, useEffect, useMemo, useState} from 'react';
import {useIntl} from 'react-intl';
import {SectionList, type SectionListRenderItemInfo, StyleSheet} from 'react-native';
import {Platform, SectionList, type SectionListRenderItemInfo, StyleSheet} from 'react-native';
import Animated, {FadeInDown, FadeOutUp} from 'react-native-reanimated';
import {switchToChannelById} from '@actions/remote/channel';
@ -81,7 +81,7 @@ const UnfilteredList = ({close, keyboardOverlap, recentChannels, showTeamName, t
return (
<Animated.View
entering={FadeInDown.duration(200)}
exiting={FadeOutUp.duration(100)}
exiting={Platform.select({ios: FadeOutUp.duration(100)}) /* https://mattermost.atlassian.net/browse/MM-63814?focusedCommentId=178584 */}
style={style.flex}
>
<SectionList

4
share_extension/components/search_channels/search_channels.tsx
View file

@ -4,7 +4,7 @@
import {useNavigation} from '@react-navigation/native';
import React, {useCallback, useMemo} from 'react';
import {useIntl} from 'react-intl';
import {FlatList, type ListRenderItemInfo, StyleSheet, View} from 'react-native';
import {FlatList, type ListRenderItemInfo, Platform, StyleSheet, View} from 'react-native';
import Animated, {FadeInDown, FadeOutUp} from 'react-native-reanimated';
import NoResultsWithTerm from '@components/no_results_with_term';
@ -94,7 +94,7 @@ const SearchChannels = ({
return (
<Animated.View
entering={FadeInDown.duration(100)}
exiting={FadeOutUp.duration(100)}
exiting={Platform.select({ios: FadeOutUp.duration(100)}) /* https://mattermost.atlassian.net/browse/MM-63814?focusedCommentId=178584 */}
style={style.flex}
>
<FlatList