ui(mobile): New header style in the app

1 files changed, 13 insertions, 11 deletions

diff --git a/apps/mobile/app/dashboard/(tabs)/settings.tsx b/apps/mobile/app/dashboard/(tabs)/settings.tsx
index 81b21fc8..fe138f52 100644
--- a/apps/mobile/app/dashboard/(tabs)/settings.tsx
+++ b/apps/mobile/app/dashboard/(tabs)/settings.tsx
@@ -1,10 +1,10 @@
 import { useEffect } from "react";
-import { Text, View } from "react-native";
+import { SafeAreaView, Text, View } from "react-native";
 import { useRouter } from "expo-router";
-import Logo from "@/components/Logo";
 import { Button } from "@/components/ui/Button";
 import { useSession } from "@/lib/session";
 import { api } from "@/lib/trpc";
+import PageTitle from "@/components/ui/PageTitle";
 
 export default function Dashboard() {
   const router = useRouter();
@@ -26,15 +26,17 @@ export default function Dashboard() {
   }, [error]);
 
   return (
-    <View className="flex h-full w-full items-center gap-4 p-4">
-      <Logo />
-      <View className="w-full rounded-lg bg-white px-4 py-2">
-        <Text className="text-lg">
-          {isLoading ? "Loading ..." : data?.email}
-        </Text>
-      </View>
+    <SafeAreaView>
+      <PageTitle title="Settings" />
+      <View className="flex h-full w-full items-center gap-4 px-4 py-2">
+        <View className="w-full rounded-lg bg-white px-4 py-2">
+          <Text className="text-lg">
+            {isLoading ? "Loading ..." : data?.email}
+          </Text>
+        </View>
 
-      <Button className="w-full" label="Log Out" onPress={logout} />
-    </View>
+        <Button className="w-full" label="Log Out" onPress={logout} />
+      </View>
+    </SafeAreaView>
   );
 }