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 (