Merge pull request #53730 from bernhardoj/fix/53251-skeleton-cut-off-…

…when-search-empty Hide search skeleton empty view scrollbar
Expensify · Dec 9, 2024 · f105ac8 · f105ac8
2 parents 0dd36c9 + b052ae9
commit f105ac8
Show file tree

Hide file tree

Showing 3 changed files with 4 additions and 0 deletions.
diff --git a/src/components/EmptyStateComponent/index.tsx b/src/components/EmptyStateComponent/index.tsx
@@ -26,6 +26,7 @@ function EmptyStateComponent({
     headerStyles,
     headerContentStyles,
     lottieWebViewStyles,
+    showsVerticalScrollIndicator,
     minModalHeight = 400,
 }: EmptyStateComponentProps) {
     const styles = useThemeStyles();
@@ -83,6 +84,7 @@ function EmptyStateComponent({
 
     return (
         <ScrollView
+            showsVerticalScrollIndicator={showsVerticalScrollIndicator}
             contentContainerStyle={[{minHeight: minModalHeight}, styles.flexGrow1, styles.flexShrink0, containerStyles]}
             style={styles.flex1}
         >

diff --git a/src/components/EmptyStateComponent/types.ts b/src/components/EmptyStateComponent/types.ts
@@ -23,6 +23,7 @@ type SharedProps<T> = {
     headerContentStyles?: StyleProp<ViewStyle & ImageStyle>;
     lottieWebViewStyles?: React.CSSProperties | undefined;
     minModalHeight?: number;
+    showsVerticalScrollIndicator?: boolean;
 };
 
 type MediaType<HeaderMedia, T extends MediaTypes> = SharedProps<T> & {

diff --git a/src/pages/Search/EmptySearchView.tsx b/src/pages/Search/EmptySearchView.tsx
@@ -241,6 +241,7 @@ function EmptySearchView({type, hasResults}: EmptySearchViewProps) {
         <>
             <EmptyStateComponent
                 SkeletonComponent={SearchRowSkeleton}
+                showsVerticalScrollIndicator={false}
                 headerMediaType={CONST.EMPTY_STATE_MEDIA.ANIMATION}
                 headerMedia={content.headerMedia}
                 headerStyles={[styles.emptyStateCardIllustrationContainer, styles.overflowHidden]}