diff --git a/src/view/screens/Search/Search.tsx b/src/view/screens/Search/Search.tsx index aeeb411519..b1ae4bf624 100644 --- a/src/view/screens/Search/Search.tsx +++ b/src/view/screens/Search/Search.tsx @@ -484,8 +484,8 @@ export function SearchScreen( const {isTabletOrDesktop, isTabletOrMobile} = useWebMediaQueries() // Query terms - const q = props.route?.params?.q ?? '' - const [searchText, setSearchText] = React.useState(q) + const queryParam = props.route?.params?.q ?? '' + const [searchText, setSearchText] = React.useState(queryParam) const throttledInput = useThrottledValue(searchText, 300) // Autocomplete @@ -499,7 +499,7 @@ export function SearchScreen( useFocusEffect( useNonReactiveCallback(() => { - setSearchText(q) + setSearchText(queryParam) }), ) @@ -533,12 +533,12 @@ export function SearchScreen( scrollToTopWeb() if (inputIsFocused) { - setSearchText(q) + setSearchText(queryParam) textInput.current?.blur() } else { navigation.setParams({q: ''}) } - }, [inputIsFocused, navigation, q]) + }, [inputIsFocused, navigation, queryParam]) const onChangeText = React.useCallback(async (text: string) => { scrollToTopWeb() @@ -586,9 +586,9 @@ export function SearchScreen( }, [onPressCancelSearch]) const queryMaybeHandle = React.useMemo(() => { - const match = MATCH_HANDLE.exec(q) + const match = MATCH_HANDLE.exec(queryParam) return match && match[1] - }, [q]) + }, [queryParam]) useFocusEffect( React.useCallback(() => { @@ -695,7 +695,7 @@ export function SearchScreen( ) : undefined} - {(q || inputIsFocused) && ( + {(queryParam || inputIsFocused) && ( )} - ) : !q && inputIsFocused ? ( + ) : !queryParam && inputIsFocused ? ( ) : ( - + )} )