fix: some animation stuff

This commit is contained in:
Adrian Castro
2024-03-05 19:14:00 +01:00
parent c50ad167e0
commit ed27c90394

View File

@@ -29,22 +29,22 @@ export default function SearchScreen() {
const searchResultsScale = useSharedValue(0.95);
const [searchResultsLoaded, setSearchResultsLoaded] = useState(false);
const { data, isSuccess } = useQuery({
const { data } = useQuery({
queryKey: ["searchResults", query],
queryFn: () => fetchSearchResults(query),
});
useEffect(() => {
if (isSuccess && data && data.length > 0) {
if (data && data.length > 0 && query) {
searchResultsOpacity.value = withTiming(1, { duration: 500 });
searchResultsScale.value = withTiming(1, { duration: 500 });
setSearchResultsLoaded(true);
} else if (!query) {
searchResultsOpacity.value = 0;
searchResultsScale.value = 0.95;
searchResultsOpacity.value = withTiming(0, { duration: 500 });
searchResultsScale.value = withTiming(0.95, { duration: 500 });
setSearchResultsLoaded(false);
}
}, [data, isSuccess, query, searchResultsOpacity, searchResultsScale]);
}, [data, query, searchResultsOpacity, searchResultsScale]);
useEffect(() => {
const keyboardWillShowListener = Keyboard.addListener(