rename q to queryParam

This commit is contained in:
Hailey
2024-04-26 12:46:36 -07:00
parent 6d352211c2
commit 1af63b9920
+10 -10
View File
@@ -484,8 +484,8 @@ export function SearchScreen(
const {isTabletOrDesktop, isTabletOrMobile} = useWebMediaQueries() const {isTabletOrDesktop, isTabletOrMobile} = useWebMediaQueries()
// Query terms // Query terms
const q = props.route?.params?.q ?? '' const queryParam = props.route?.params?.q ?? ''
const [searchText, setSearchText] = React.useState<string>(q) const [searchText, setSearchText] = React.useState<string>(queryParam)
const throttledInput = useThrottledValue(searchText, 300) const throttledInput = useThrottledValue(searchText, 300)
// Autocomplete // Autocomplete
@@ -499,7 +499,7 @@ export function SearchScreen(
useFocusEffect( useFocusEffect(
useNonReactiveCallback(() => { useNonReactiveCallback(() => {
setSearchText(q) setSearchText(queryParam)
}), }),
) )
@@ -533,12 +533,12 @@ export function SearchScreen(
scrollToTopWeb() scrollToTopWeb()
if (inputIsFocused) { if (inputIsFocused) {
setSearchText(q) setSearchText(queryParam)
textInput.current?.blur() textInput.current?.blur()
} else { } else {
navigation.setParams({q: ''}) navigation.setParams({q: ''})
} }
}, [inputIsFocused, navigation, q]) }, [inputIsFocused, navigation, queryParam])
const onChangeText = React.useCallback(async (text: string) => { const onChangeText = React.useCallback(async (text: string) => {
scrollToTopWeb() scrollToTopWeb()
@@ -586,9 +586,9 @@ export function SearchScreen(
}, [onPressCancelSearch]) }, [onPressCancelSearch])
const queryMaybeHandle = React.useMemo(() => { const queryMaybeHandle = React.useMemo(() => {
const match = MATCH_HANDLE.exec(q) const match = MATCH_HANDLE.exec(queryParam)
return match && match[1] return match && match[1]
}, [q]) }, [queryParam])
useFocusEffect( useFocusEffect(
React.useCallback(() => { React.useCallback(() => {
@@ -695,7 +695,7 @@ export function SearchScreen(
) : undefined} ) : undefined}
</View> </View>
{(q || inputIsFocused) && ( {(queryParam || inputIsFocused) && (
<View style={styles.headerCancelBtn}> <View style={styles.headerCancelBtn}>
<Pressable <Pressable
onPress={onPressCancelSearch} onPress={onPressCancelSearch}
@@ -750,7 +750,7 @@ export function SearchScreen(
</ScrollView> </ScrollView>
)} )}
</> </>
) : !q && inputIsFocused ? ( ) : !queryParam && inputIsFocused ? (
<CenteredView <CenteredView
sideBorders={isTabletOrDesktop} sideBorders={isTabletOrDesktop}
// @ts-ignore web only -prf // @ts-ignore web only -prf
@@ -795,7 +795,7 @@ export function SearchScreen(
</View> </View>
</CenteredView> </CenteredView>
) : ( ) : (
<SearchScreenInner query={q} /> <SearchScreenInner query={queryParam} />
)} )}
</View> </View>
) )