From 267f72f84c6a5979eae696dae8fddee25188c1bb Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Fri, 15 Mar 2024 21:06:13 +0000
Subject: ui(mobile): New header style in the app

---
 apps/mobile/app/dashboard/(tabs)/settings.tsx | 24 +++++++++++++-----------
 1 file changed, 13 insertions(+), 11 deletions(-)

(limited to 'apps/mobile/app/dashboard/(tabs)/settings.tsx')

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>
   );
 }
-- 
cgit v1.2.3-70-g09d2