diff --git a/app/screens/home/search/results/results.tsx b/app/screens/home/search/results/results.tsx index d0eac7f26f..13256ae481 100644 --- a/app/screens/home/search/results/results.tsx +++ b/app/screens/home/search/results/results.tsx @@ -2,7 +2,7 @@ // See LICENSE.txt for license information. import React, {useMemo} from 'react'; -import {ScaledSize, StyleSheet, useWindowDimensions, View} from 'react-native'; +import {StyleSheet, useWindowDimensions, View} from 'react-native'; import Animated, {useAnimatedStyle, withTiming} from 'react-native-reanimated'; import Loading from '@components/loading'; @@ -17,21 +17,21 @@ import type PostModel from '@typings/database/models/servers/post'; const duration = 250; -const getStyles = (dimensions: ScaledSize) => { +const getStyles = (width: number) => { return StyleSheet.create({ container: { flex: 1, flexDirection: 'row', - width: dimensions.width * 2, + width: width * 2, }, result: { flex: 1, - width: dimensions.width, + width, }, loading: { justifyContent: 'center', flex: 1, - width: dimensions.width, + width, }, }); }; @@ -63,12 +63,12 @@ const Results = ({ searchValue, selectedTab, }: Props) => { - const dimensions = useWindowDimensions(); + const {width} = useWindowDimensions(); const theme = useTheme(); - const styles = useMemo(() => getStyles(dimensions), [dimensions]); + const styles = useMemo(() => getStyles(width), [width]); const transform = useAnimatedStyle(() => { - const translateX = selectedTab === TabTypes.MESSAGES ? 0 : -dimensions.width; + const translateX = selectedTab === TabTypes.MESSAGES ? 0 : -width; return { transform: [ {translateX: withTiming(translateX, {duration})}, @@ -77,7 +77,7 @@ const Results = ({ // Do not transform if loading new data. Causes a case where post // results show up in Files results when the team is changed - }, [selectedTab, dimensions.width, !loading]); + }, [selectedTab, width, !loading]); const paddingTop = useMemo(() => ( {paddingTop: scrollPaddingTop, flexGrow: 1}