From 22e86c99033a55881bf02a3129b653a13bac619e Mon Sep 17 00:00:00 2001
From: Samuel Newman <mozzius@protonmail.com>
Date: Fri, 19 Apr 2024 23:26:04 +0100
Subject: [PATCH] fix onEndReached issue by forcing flatlist to scroll (#3623)

---
 src/components/Dialog/index.web.tsx  | 16 ++++++++++++++--
 src/components/dialogs/GifSelect.tsx |  6 +++++-
 2 files changed, 19 insertions(+), 3 deletions(-)

diff --git a/src/components/Dialog/index.web.tsx b/src/components/Dialog/index.web.tsx
index d00d2d83..a086955d 100644
--- a/src/components/Dialog/index.web.tsx
+++ b/src/components/Dialog/index.web.tsx
@@ -199,11 +199,23 @@ export const ScrollableInner = Inner
 
 export function InnerFlatList({
   label,
+  style,
   ...props
 }: FlatListProps<any> & {label: string}) {
+  const {gtMobile} = useBreakpoints()
   return (
-    <Inner label={label}>
-      <FlatList {...props} />
+    <Inner
+      label={label}
+      // @ts-ignore web only -sfn
+      style={{
+        paddingHorizontal: 0,
+        maxHeight: 'calc(-36px + 100vh)',
+        overflow: 'hidden',
+      }}>
+      <FlatList
+        style={[gtMobile ? a.px_2xl : a.px_xl, flatten(style)]}
+        {...props}
+      />
     </Inner>
   )
 }
diff --git a/src/components/dialogs/GifSelect.tsx b/src/components/dialogs/GifSelect.tsx
index c8897da3..baff3116 100644
--- a/src/components/dialogs/GifSelect.tsx
+++ b/src/components/dialogs/GifSelect.tsx
@@ -147,7 +147,11 @@ function GifList({
         <View
           style={[
             a.absolute,
-            {top: 0, left: 0, right: 0, height: '50%'},
+            a.inset_0,
+            {
+              borderBottomLeftRadius: 8,
+              borderBottomRightRadius: 8,
+            },
             t.atoms.bg,
           ]}
         />