diff --git a/app/components/post_list/index.tsx b/app/components/post_list/index.tsx index 1bdb0355f..9109c8646 100644 --- a/app/components/post_list/index.tsx +++ b/app/components/post_list/index.tsx @@ -235,6 +235,7 @@ const PostList = ({ ); } diff --git a/app/components/post_list/thread_overview/__snapshots__/thread_overview.test.tsx.snap b/app/components/post_list/thread_overview/__snapshots__/thread_overview.test.tsx.snap index 2142dbf5c..9d1f43618 100644 --- a/app/components/post_list/thread_overview/__snapshots__/thread_overview.test.tsx.snap +++ b/app/components/post_list/thread_overview/__snapshots__/thread_overview.test.tsx.snap @@ -16,6 +16,7 @@ exports[`ThreadOverview should match snapshot when post is not saved and 0 repli Object { "borderBottomWidth": 0, }, + Object {}, ] } testID="thread-overview" @@ -120,6 +121,7 @@ exports[`ThreadOverview should match snapshot when post is saved and has replies "paddingHorizontal": 20, "paddingVertical": 10, }, + Object {}, ] } testID="thread-overview" diff --git a/app/components/post_list/thread_overview/thread_overview.test.tsx b/app/components/post_list/thread_overview/thread_overview.test.tsx index 4ebceffa4..80ace6427 100644 --- a/app/components/post_list/thread_overview/thread_overview.test.tsx +++ b/app/components/post_list/thread_overview/thread_overview.test.tsx @@ -16,6 +16,7 @@ describe('ThreadOverview', () => { repliesCount: 0, rootPost: {} as PostModel, testID: 'thread-overview', + style: {}, }; const wrapper = renderWithIntl(); @@ -28,6 +29,7 @@ describe('ThreadOverview', () => { repliesCount: 2, rootPost: {} as PostModel, testID: 'thread-overview', + style: {}, }; const wrapper = renderWithIntl(); diff --git a/app/components/post_list/thread_overview/thread_overview.tsx b/app/components/post_list/thread_overview/thread_overview.tsx index 54d9e87b0..60bdaef72 100644 --- a/app/components/post_list/thread_overview/thread_overview.tsx +++ b/app/components/post_list/thread_overview/thread_overview.tsx @@ -3,7 +3,7 @@ import React, {useCallback, useMemo} from 'react'; import {useIntl} from 'react-intl'; -import {Keyboard, Platform, View} from 'react-native'; +import {Keyboard, Platform, StyleProp, View, ViewStyle} from 'react-native'; import {TouchableOpacity} from 'react-native-gesture-handler'; import {deleteSavedPost, savePostPreference} from '@actions/remote/preference'; @@ -25,6 +25,7 @@ type Props = { repliesCount: number; rootPost?: PostModel; testID: string; + style: StyleProp; }; const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => { @@ -55,7 +56,7 @@ const getStyleSheet = makeStyleSheetFromTheme((theme: Theme) => { }; }); -const ThreadOverview = ({isSaved, repliesCount, rootPost, testID}: Props) => { +const ThreadOverview = ({isSaved, repliesCount, rootPost, style, testID}: Props) => { const theme = useTheme(); const styles = getStyleSheet(theme); @@ -85,14 +86,15 @@ const ThreadOverview = ({isSaved, repliesCount, rootPost, testID}: Props) => { }), [rootPost]); const containerStyle = useMemo(() => { - const style = [styles.container]; + const container = [styles.container]; if (repliesCount === 0) { - style.push({ + container.push({ borderBottomWidth: 0, }); } - return style; - }, [repliesCount]); + container.push(style); + return container; + }, [repliesCount, style]); return (