feat(mobile): Add ability to manage lists

1 files changed, 28 insertions, 22 deletions

diff --git a/apps/mobile/app/_layout.tsx b/apps/mobile/app/_layout.tsx
index a5aafb8c..f56aa810 100644
--- a/apps/mobile/app/_layout.tsx
+++ b/apps/mobile/app/_layout.tsx
@@ -3,6 +3,7 @@ import "expo-dev-client";
 
 import { useEffect } from "react";
 import { View } from "react-native";
+import { GestureHandlerRootView } from "react-native-gesture-handler";
 import { useRouter } from "expo-router";
 import { Stack } from "expo-router/stack";
 import { ShareIntentProvider, useShareIntent } from "expo-share-intent";
@@ -10,6 +11,7 @@ import { StatusBar } from "expo-status-bar";
 import { StyledStack } from "@/components/navigation/stack";
 import { Providers } from "@/lib/providers";
 import { cn } from "@/lib/utils";
+import { BottomSheetModalProvider } from "@gorhom/bottom-sheet";
 import { useColorScheme } from "nativewind";
 
 export default function RootLayout() {
@@ -28,28 +30,32 @@ export default function RootLayout() {
   return (
     <ShareIntentProvider>
       <Providers>
-        <View
-          className={cn(
-            "w-full flex-1 bg-gray-100 text-foreground dark:bg-background",
-            colorScheme == "dark" ? "dark" : "light",
-          )}
-        >
-          <StyledStack
-            contentClassName="bg-gray-100 dark:bg-background"
-            screenOptions={{
-              headerShown: false,
-            }}
-          >
-            <Stack.Screen name="index" />
-            <Stack.Screen
-              name="sharing"
-              options={{
-                presentation: "modal",
-              }}
-            />
-          </StyledStack>
-          <StatusBar style="auto" />
-        </View>
+        <GestureHandlerRootView style={{ flex: 1 }}>
+          <BottomSheetModalProvider>
+            <View
+              className={cn(
+                "w-full flex-1 bg-gray-100 text-foreground dark:bg-background",
+                colorScheme == "dark" ? "dark" : "light",
+              )}
+            >
+              <StyledStack
+                contentClassName="bg-gray-100 dark:bg-background"
+                screenOptions={{
+                  headerShown: false,
+                }}
+              >
+                <Stack.Screen name="index" />
+                <Stack.Screen
+                  name="sharing"
+                  options={{
+                    presentation: "modal",
+                  }}
+                />
+              </StyledStack>
+              <StatusBar style="auto" />
+            </View>
+          </BottomSheetModalProvider>
+        </GestureHandlerRootView>
       </Providers>
     </ShareIntentProvider>
   );