From f1d86812e9a045b474f4a1c8cd3621fe17b8b806 Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 13 Mar 2024 00:58:37 +0000
Subject: mobile: Introduce a tab layout and move the sharing page into a modal

---
 packages/mobile/app/_layout.tsx | 17 +++++++++++++++--
 1 file changed, 15 insertions(+), 2 deletions(-)

(limited to 'packages/mobile/app/_layout.tsx')

diff --git a/packages/mobile/app/_layout.tsx b/packages/mobile/app/_layout.tsx
index bd269060..e8244867 100644
--- a/packages/mobile/app/_layout.tsx
+++ b/packages/mobile/app/_layout.tsx
@@ -1,11 +1,12 @@
 import "@/globals.css";
 import "expo-dev-client";
 
-import { Slot, useRouter } from "expo-router";
+import { useRouter } from "expo-router";
 import { useShareIntent } from "expo-share-intent";
 import { StatusBar } from "expo-status-bar";
 import { useEffect } from "react";
 import { View } from "react-native";
+import { Stack } from "expo-router/stack";
 
 import { Providers } from "@/lib/providers";
 
@@ -22,10 +23,22 @@ export default function RootLayout() {
       resetShareIntent();
     }
   }, [hasShareIntent]);
+
   return (
     <Providers>
       <View className="h-full w-full bg-white">
-        <Slot />
+        <Stack
+          screenOptions={{
+            headerShown: false,
+          }}
+        >
+          <Stack.Screen
+            name="sharing"
+            options={{
+              presentation: "modal",
+            }}
+          />
+        </Stack>
         <StatusBar style="auto" />
       </View>
     </Providers>
-- 
cgit v1.2.3-70-g09d2

