From a5d073a1ece8eb08d7d4e52140b26e3bd5724593 Mon Sep 17 00:00:00 2001
From: nyagami <hoangquan05112002@gmail.com>
Date: Wed, 12 Jun 2024 23:45:51 +0700
Subject: [PATCH] Fix: Adding Category/Repo buttons position

---
 src/screens/Categories/CategoriesScreen.tsx                  | 4 +++-
 .../SettingsRepositoryScreen/SettingsRepositoryScreen.tsx    | 5 +----
 2 files changed, 4 insertions(+), 5 deletions(-)

diff --git a/src/screens/Categories/CategoriesScreen.tsx b/src/screens/Categories/CategoriesScreen.tsx
index 3f2f860b..2af0e9b1 100644
--- a/src/screens/Categories/CategoriesScreen.tsx
+++ b/src/screens/Categories/CategoriesScreen.tsx
@@ -18,6 +18,7 @@ import { Category } from '@database/types';
 import CategoryCard from './components/CategoryCard';
 import { orderBy } from 'lodash-es';
 import CategorySkeletonLoading from './components/CategorySkeletonLoading';
+import { useSafeAreaInsets } from 'react-native-safe-area-context';
 
 const CategoriesScreen = () => {
   const theme = useTheme();
@@ -25,6 +26,7 @@ const CategoriesScreen = () => {
 
   const [isLoading, setIsLoading] = useState(true);
   const [categories, setCategories] = useState<Category[]>();
+  const { bottom } = useSafeAreaInsets();
 
   const getCategories = async () => {
     try {
@@ -105,7 +107,7 @@ const CategoriesScreen = () => {
         />
       )}
       <FAB
-        style={[styles.fab, { backgroundColor: theme.primary }]}
+        style={[styles.fab, { backgroundColor: theme.primary, bottom: bottom }]}
         color={theme.onPrimary}
         label={getString('common.add')}
         uppercase={false}
diff --git a/src/screens/settings/SettingsRepositoryScreen/SettingsRepositoryScreen.tsx b/src/screens/settings/SettingsRepositoryScreen/SettingsRepositoryScreen.tsx
index 879d18b6..f2a14c56 100644
--- a/src/screens/settings/SettingsRepositoryScreen/SettingsRepositoryScreen.tsx
+++ b/src/screens/settings/SettingsRepositoryScreen/SettingsRepositoryScreen.tsx
@@ -72,10 +72,7 @@ const SettingsBrowseScreen = () => {
         />
       )}
       <FAB
-        style={[
-          styles.fab,
-          { backgroundColor: theme.primary, bottom: bottom + 16 },
-        ]}
+        style={[styles.fab, { backgroundColor: theme.primary, bottom: bottom }]}
         color={theme.onPrimary}
         label={getString('common.add')}
         uppercase={false}