From 42a8268630800d268b31f3750c3fa69d965acabc Mon Sep 17 00:00:00 2001
From: PalmDevs <git@palmdevs.me>
Date: Wed, 23 Oct 2024 20:57:40 +0700
Subject: [PATCH] fix: wrap only `FloatingActionButton` in `SafeAreaView` for
 `AddonPage`

---
 src/core/ui/components/AddonPage.tsx | 46 +++++++++++++++-------------
 1 file changed, 24 insertions(+), 22 deletions(-)

diff --git a/src/core/ui/components/AddonPage.tsx b/src/core/ui/components/AddonPage.tsx
index fc593509..0cfc3d87 100644
--- a/src/core/ui/components/AddonPage.tsx
+++ b/src/core/ui/components/AddonPage.tsx
@@ -181,28 +181,30 @@ export default function AddonPage<T extends object>({ CardComponent, ...props }:
 
     return (
         <ErrorBoundary>
-            <SafeAreaView>
-                <FlashList
-                    data={results}
-                    extraData={search}
-                    estimatedItemSize={136}
-                    ListHeaderComponent={headerElement}
-                    ListEmptyComponent={() => <View style={{ gap: 12, padding: 12, alignItems: "center" }}>
-                        <Image source={findAssetId("devices_not_found")} />
-                        <Text variant="text-lg/semibold" color="text-normal">
-                            Hmmm... could not find that!
-                        </Text>
-                    </View>}
-                    contentContainerStyle={{ padding: 8, paddingHorizontal: 12 }}
-                    ItemSeparatorComponent={() => <View style={{ height: 8 }} />}
-                    ListFooterComponent={props.ListFooterComponent}
-                    renderItem={({ item }: any) => <CardComponent item={item.obj} result={item} />}
-                />
-                {props.installAction && <FloatingActionButton
-                    icon={findAssetId("PlusLargeIcon")}
-                    onPress={onInstallPress}
-                />}
-            </SafeAreaView>
+            <FlashList
+                data={results}
+                extraData={search}
+                estimatedItemSize={136}
+                ListHeaderComponent={headerElement}
+                ListEmptyComponent={() => <View style={{ gap: 12, padding: 12, alignItems: "center" }}>
+                    <Image source={findAssetId("devices_not_found")} />
+                    <Text variant="text-lg/semibold" color="text-normal">
+                        Hmmm... could not find that!
+                    </Text>
+                </View>}
+                contentContainerStyle={{ padding: 8, paddingHorizontal: 12 }}
+                ItemSeparatorComponent={() => <View style={{ height: 8 }} />}
+                ListFooterComponent={props.ListFooterComponent}
+                renderItem={({ item }: any) => <CardComponent item={item.obj} result={item} />}
+            />
+            {props.installAction && (
+                <SafeAreaView>
+                    <FloatingActionButton
+                        icon={findAssetId("PlusLargeIcon")}
+                        onPress={onInstallPress}
+                    />
+                </SafeAreaView>
+            )}
         </ErrorBoundary>
     );
 }