Always show search options (#5706)

This commit is contained in:
Paul Frazee
2024-10-10 22:15:09 -07:00
committed by GitHub
parent 7677bb3f0a
commit 9a769b9a03
+1 -24
View File
@@ -65,7 +65,6 @@ import * as FeedCard from '#/components/FeedCard'
import {SearchInput} from '#/components/forms/SearchInput' import {SearchInput} from '#/components/forms/SearchInput'
import {ChevronBottom_Stroke2_Corner0_Rounded as ChevronDown} from '#/components/icons/Chevron' import {ChevronBottom_Stroke2_Corner0_Rounded as ChevronDown} from '#/components/icons/Chevron'
import {Menu_Stroke2_Corner0_Rounded as Menu} from '#/components/icons/Menu' import {Menu_Stroke2_Corner0_Rounded as Menu} from '#/components/icons/Menu'
import {SettingsGear2_Stroke2_Corner0_Rounded as Gear} from '#/components/icons/SettingsGear2'
function Loader() { function Loader() {
const pal = usePalette('default') const pal = usePalette('default')
@@ -626,8 +625,7 @@ export function SearchScreen(
const {params, query, queryWithParams} = useQueryManager({ const {params, query, queryWithParams} = useQueryManager({
initialQuery: queryParam, initialQuery: queryParam,
}) })
const showFiltersButton = Boolean(query && !showAutocomplete) const showFilters = Boolean(query && !showAutocomplete)
const [showFilters, setShowFilters] = React.useState(false)
/* /*
* Arbitrary sizing, so guess and check, used for sticky header alignment and * Arbitrary sizing, so guess and check, used for sticky header alignment and
* sizing. * sizing.
@@ -788,7 +786,6 @@ export function SearchScreen(
setSearchText('') setSearchText('')
navigation.setParams({q: ''}) navigation.setParams({q: ''})
} }
setShowFilters(false)
}, [navigation]) }, [navigation])
useFocusEffect( useFocusEffect(
@@ -838,7 +835,6 @@ export function SearchScreen(
} else { } else {
setShowAutocomplete(true) setShowAutocomplete(true)
} }
setShowFilters(false)
}, [setShowAutocomplete]) }, [setShowAutocomplete])
return ( return (
@@ -882,25 +878,6 @@ export function SearchScreen(
onSubmitEditing={onSubmit} onSubmitEditing={onSubmit}
/> />
</View> </View>
{showFiltersButton && (
<Button
onPress={() => setShowFilters(!showFilters)}
hitSlop={HITSLOP_10}
label={_(msg`Show advanced filters`)}
size="large"
variant="solid"
color="secondary"
shape="square">
<Gear
size="md"
fill={
showFilters
? t.palette.primary_500
: t.atoms.text_contrast_medium.color
}
/>
</Button>
)}
{showAutocomplete && ( {showAutocomplete && (
<Button <Button
label={_(msg`Cancel search`)} label={_(msg`Cancel search`)}