From b052ae9b1c749a99ee04c9b8ffdec61c5d79231a Mon Sep 17 00:00:00 2001
From: Bernhard Owen Josephus <bernhard.josephus@gmail.com>
Date: Sat, 7 Dec 2024 17:15:28 +0800
Subject: [PATCH] hide search skeleton empty view scrollbar

---
 src/components/EmptyStateComponent/index.tsx | 2 ++
 src/components/EmptyStateComponent/types.ts  | 1 +
 src/pages/Search/EmptySearchView.tsx         | 1 +
 3 files changed, 4 insertions(+)

diff --git a/src/components/EmptyStateComponent/index.tsx b/src/components/EmptyStateComponent/index.tsx
index 6d51d1b3c5c3..ae7ea7f09503 100644
--- 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
index a3778459b2e6..40ca760fc49f 100644
--- 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
index 16d72818f936..f5687c09bd8d 100644
--- 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]}