feat(mobile): more native screens

1 files changed, 26 insertions, 27 deletions

diff --git a/apps/mobile/app/dashboard/(tabs)/index.tsx b/apps/mobile/app/dashboard/(tabs)/(home)/index.tsx
index 3e49e6f2..65034419 100644
--- a/apps/mobile/app/dashboard/(tabs)/index.tsx
+++ b/apps/mobile/app/dashboard/(tabs)/(home)/index.tsx
@@ -1,11 +1,9 @@
 import { Platform, Pressable, View } from "react-native";
 import * as Haptics from "expo-haptics";
 import * as ImagePicker from "expo-image-picker";
-import { router } from "expo-router";
+import { router, Stack } from "expo-router";
 import UpdatingBookmarkList from "@/components/bookmarks/UpdatingBookmarkList";
 import { TailwindResolver } from "@/components/TailwindResolver";
-import CustomSafeAreaView from "@/components/ui/CustomSafeAreaView";
-import PageTitle from "@/components/ui/PageTitle";
 import { Text } from "@/components/ui/Text";
 import { useToast } from "@/components/ui/Toast";
 import useAppSettings from "@/lib/settings";
@@ -76,34 +74,35 @@ function HeaderRight({
 
 export default function Home() {
   return (
-    <CustomSafeAreaView edges={["top"]}>
+    <>
+      <Stack.Screen
+        options={{
+          headerRight: () => (
+            <HeaderRight
+              openNewBookmarkModal={() =>
+                router.push("/dashboard/bookmarks/new")
+              }
+            />
+          ),
+        }}
+      />
       <UpdatingBookmarkList
         query={{ archived: false }}
         header={
-          <View className="flex flex-col gap-1">
-            <View className="flex flex-row justify-between">
-              <PageTitle title="Home" className="pb-2" />
-              <HeaderRight
-                openNewBookmarkModal={() =>
-                  router.push("/dashboard/bookmarks/new")
-                }
-              />
-            </View>
-            <Pressable
-              className="flex flex-row items-center gap-1 rounded-lg border border-input bg-card px-4 py-1"
-              onPress={() => router.push("/dashboard/search")}
-            >
-              <TailwindResolver
-                className="text-muted"
-                comp={(styles) => (
-                  <Search size={16} color={styles?.color?.toString()} />
-                )}
-              />
-              <Text className="text-muted">Search</Text>
-            </Pressable>
-          </View>
+          <Pressable
+            className="flex flex-row items-center gap-1 rounded-lg border border-input bg-card px-4 py-1"
+            onPress={() => router.push("/dashboard/search")}
+          >
+            <TailwindResolver
+              className="text-muted"
+              comp={(styles) => (
+                <Search size={16} color={styles?.color?.toString()} />
+              )}
+            />
+            <Text className="text-muted">Search</Text>
+          </Pressable>
         }
       />
-    </CustomSafeAreaView>
+    </>
   );
 }