diff --git a/native/chat/chat-thread-list-search.react.js b/native/chat/chat-thread-list-search.react.js --- a/native/chat/chat-thread-list-search.react.js +++ b/native/chat/chat-thread-list-search.react.js @@ -3,11 +3,11 @@ import * as React from 'react'; import { TextInput as BaseTextInput } from 'react-native'; import Animated, { - useSharedValue, interpolate, useAnimatedStyle, withTiming, useDerivedValue, + type SharedValue, } from 'react-native-reanimated'; import type { ReactRefSetter } from 'lib/types/react-types.js'; @@ -27,6 +27,7 @@ +searchStatus: SearchStatus, +innerSearchAutoFocus?: boolean, +innerSearchActive?: boolean, + +cancelButtonExpansion: SharedValue, }; function ForwardedChatThreadListSearch( props: Props, @@ -40,10 +41,10 @@ searchStatus, innerSearchActive, innerSearchAutoFocus, + cancelButtonExpansion, } = props; const styles = useStyles(unboundStyles); - const cancelButtonExpansion = useSharedValue(0); const isActiveOrActivating = searchStatus === 'active' || searchStatus === 'activating'; React.useEffect(() => { diff --git a/native/chat/chat-thread-list.react.js b/native/chat/chat-thread-list.react.js --- a/native/chat/chat-thread-list.react.js +++ b/native/chat/chat-thread-list.react.js @@ -20,6 +20,7 @@ View, } from 'react-native'; import { FloatingAction } from 'react-native-floating-action'; +import { useSharedValue } from 'react-native-reanimated'; import { useLoggedInUserInfo } from 'lib/hooks/account-hooks.js'; import { useThreadListSearch } from 'lib/hooks/thread-search-hooks.js'; @@ -213,6 +214,7 @@ return true; }, [navigation, onSearchCancel, searchStatus]); + const cancelButtonExpansion = useSharedValue(0); const searchItem = React.useMemo( () => ( @@ -224,6 +226,7 @@ searchStatus={searchStatus} onSearchCancel={onSearchCancel} innerSearchActive={false} + cancelButtonExpansion={cancelButtonExpansion} ref={searchInputRef} /> @@ -237,6 +240,7 @@ searchStatus, searchText, styles.searchContainer, + cancelButtonExpansion, ], ); @@ -340,6 +344,7 @@ searchStatus={searchStatus} onSearchCancel={onSearchCancel} innerSearchAutoFocus={true} + cancelButtonExpansion={cancelButtonExpansion} ref={searchInputRef} /> @@ -351,6 +356,7 @@ searchStatus, searchText, styles.searchContainer, + cancelButtonExpansion, ]); const scrollEnabled =